Захват клавиши «Ввод» на входе не работает

Question

Я схожу с ума, пытаясь понять, почему это не работает ... У меня есть текстовое поле, и я хочу захватить, когда кто-то нажимает кнопку ввода, чтобы «следующий» кнопка может быть сфокусирована.

Это более или менее вход с идентификатором 'guess'.

<input type='text' size='30' id='guess' autocomplete='off' value='' onMouseOver='javascript:this.focus();'> 

Я добавил этот слушатель событий, но это не активируя ...

document.getElementById('guess').addEventListener('keydown', focusnextbutton(event)); 

function focusnextbutton(e){ 
    alert('you pushed a button'); 
    if(e.keyCode == 13){ 
     // alert('Button was enter'); 
     // document.getElementById('next_btn').focus(); 
    } 
} 

«вы нажал кнопку» предупреждение даже не придумывают, и я не могу понять, почему. Помогите? Я использую Chrome на Ubuntu, если это актуально.

Answer 1

Не знаю, почему это не работает, либо, но если вы измените строку:

document.getElementById('guess').addEventListener('keydown', focusnextbutton,false); 

он будет работать нормально

Answer 2

Вы должны удалить скобки после функции focusnextbutton.

document.getElementById('guess').addEventListener('keydown', focusnextbutton);

Это потому, что второй аргумент addEventListener является функцией для вызова. Когда код запускается в первый раз, addEventListener немедленно запускает второй аргумент и ожидает, что функция будет возвращена для аргумента. Например, вы могли бы также сделать:

document.getElementById('guess').addEventListener('keydown', function(){ focusnextbutton(event); });

Анонимная функция в качестве второго аргумента является определение функции и, следовательно, не выполняется, когда код первого оценивается, но работать на KeyDown.

Вы заметите, что предупреждение «вы нажали кнопку» запускается сразу же при загрузке страницы. Это связано с тем, что функция вызывается, когда прослушиватель событий добавляется и был ключевым для отладки этой ошибки.

Answer 3

Попробуйте

document.getElementById('guess').addEventListener('keydown',function(event){ 
    focusnextbutton(event); 
}); 

Передайте аргумент события к функции обратного вызова тоже. Этого не хватает в предыдущих ответах.

Fiddle Link