Отмена события onkeypress после изменения фокуса - PullRequest
Новая
       17

Отмена события onkeypress после изменения фокуса

0 голосов
/ 24 сентября 2011

Мои пользователи хотят, чтобы эта форма перемещала фокус на следующее поле, когда нажата клавиша ввода вместо отправки формы. Я добавил обработчик onkeypress к тестовому вводу, чтобы изменить фокус при нажатии Enter.

В приведенном ниже коде, когда функция keydown меняет фокус, я вижу, как курсор переходит на новое текстовое поле, но затем форма отправляется, как будто я снова нажимаю клавишу ввода. Я думал, что, возвращая false в моем обработчике событий, событие не будет передано, но это не так. Я видел такое поведение как в Chrome, так и в Firefox.

Может кто-нибудь сказать мне, что мне не хватает? 

<form action="" name="confirmation" method="post">
    <fieldset>
        <div class="clearfix">
            <label for="id_event_fuel_amount">Quantity:</label>

            <div class="input">
                <input type="text" id="event_fuel_amount_id" name="event_fuel_amount" onkeypress="keydown(event, &#39;event_purchase_amount_id&#39;)" />

            </div>
        </div>
        <div class="clearfix">
            <label for="id_event_purchase_amount">Sale:</label>

            <div class="input">
                <input type="text" id="event_purchase_amount_id" name="event_purchase_amount" />

            </div>
        </div>


        <input type="hidden" name="state" value="3" id="id_state" />

        <input type="hidden" name="time_stamp" value="2011-09-24 14:34:06" id="id_time_stamp" />

        <input type="hidden" name="purchase" value="66" id="id_purchase" />


        <input type="submit" value="Save"/>
    </fieldset>
</form>

<script>
    function keydown(e,s){
        if (!e) var e = window.event;
        if (e.keyCode) code = e.keyCode;
        else if (e.which) code = e.which;
        if (code==13){
            document.getElementById(s).focus();
            return false;
        }
    }
</script>

Ответы [ 2 ]

0 голосов
/ 24 сентября 2011

Я думаю, что это может помочь: 

<script type="text/javascript">
document.getElementById('hello').onkeydown=function(e){
    var e=window.event || e;
    if (e.keyCode == 13) return false;
}
</script>
<input type="text" id="hello" />

Вот демо: jsFiddle demo

0 голосов
/ 24 сентября 2011

Попробуйте 

e.preventDefault();

Это должно предотвратить запуск события при отправке формы.

...