Сделать клавишу ВВОД отправить форму URL для iframe - PullRequest
Новая
       31

Сделать клавишу ВВОД отправить форму URL для iframe

2 голосов
/ 01 февраля 2012

Итак, у меня есть текстовое поле, которое используется в качестве адресной строки для iframe.Ну, раньше мне нужна была кнопка «GO» с этим скриптом: 

<script language="javascript"> 
   function LoadPage(){ 
     var objFrame=document.getElementById("myIframe"); 
     objFrame.src=document.getElementById("URL").value;
    }
  </script>

Код кнопки «GO»: 

<input type="image" src="http://polaris.umuc.edu/~mahearn/images/arrowbutton.png"
            height="20" width="20" class="frmSubmit" value="Go" onclick="LoadPage()" />

Я хочу, чтобы этот код активировался при нажатии пользователем«ENTER» при наборе текста в текстовом поле.

Это то, что я пытался.Случилось так, что вместо нажатой клавиши, которая активировала событие, когда я щелкнул текстовое поле, событие было активировано. 

input type="text" value="http://" class="frmUrlVal" id="URL1" onkeypress="return (LoadPage(1))"/>

Ответы [ 2 ]

1 голос
/ 01 февраля 2012

Вы можете поместить форму вокруг текстового поля с помощью обработчика событий OnSubmit.Обязательно верните false в конце обработчика, чтобы он не отправлял форму.

0 голосов
/ 14 февраля 2012

Следующий скрипт должен работать на вас.При каждом нажатии клавиши она оценивается в операторе if.Если нажата клавиша Enter, вызывается LoadPage - это любая другая клавиша, это не так.Я изменил Loadpage, чтобы быть предупреждением для примера покупки, вы можете сделать так, как хотите.Рабочая jsfiddle: http://jsfiddle.net/zBD8V/

   <script language="javascript">
    function LoadPage() {
        alert('LoadPage() would execute here');
    }

    function DetectEnterPressed(e) {
        var characterCode
        if (e && e.which) { // NN4 specific code
            e = e
            characterCode = e.which
        }
        else {
            e = event
            characterCode = e.keyCode // IE specific code
        }
        if (characterCode == 13) return true // Enter key is 13
        else return false
    }
  </script>
<input type="text" value="http://" class="frmUrlVal" id="URL1" onkeypress="if(DetectEnterPressed(event)){LoadPage(1)}"/>
...