выполнить функцию на клавише ввода

Question

У меня есть вход, и я просто хотел бы добавить прослушиватель событий, чтобы он активировал функцию, когда я нажимаю кнопку ввода, когда вход сфокусирован. Как это сделать с помощью чистого JS?

Прямо сейчас у меня есть:

HTML:

 Enter your wage:<input type="text" id="wage" value ="" size=20> 
     <button id="sub">Submit</button> 

Javascript:

var wage = document.getElementById("wage"); 
    wage.addEventListener("change", validate); 

    var btn = document.getElementById("sub"); 
    btn.addEventListener("click", validate); 

Так в основном функция Validate() активируется, когда я нажимаю или изменить текст, но я хочу для вызова, нажав enter.

Answer 1

Вы можете использовать это:

var wage = document.getElementById("wage"); 
wage.addEventListener("keydown", function (e) { 
    if (e.keyCode === 13) { //checks whether the pressed key is "Enter" 
     validate(e); 
    } 
}); 

function validate(e) { 
    var text = e.target.value; 
    //validation of the input... 
} 

Live demo here

Answer 2

Вам нужно будет что-то вроде wage.addEventListener('keydown', validate);

Ваша функция валидации затем нужно проверить event.keyCode == 13 для определения 'введите' нажатие клавиши.

Answer 3

Если вы измените элемент кнопки на

<input type="submit" value="Submit"> 

он будет работать с помощью кнопки ввода на клавиатуре.

Answer 4

var elem = document.getElementById("wage"); 
elem.onkeyup = function(e){ 
    if(e.keyCode == 13){ 
     validate(); 
    } 
} 

Рабочий примерhttp://jsfiddle.net/aMgLK/

Answer 5

Или с JQuery

$("#wage").on("keydown", function (e) { 
    if (e.keyCode === 13) { //checks whether the pressed key is "Enter" 
     validate(e); 
    } 
}); 

Answer 6

$(document).on('keyup', function(e){ 
    var key = e.which; 
    if(key == 13) // the enter key ascii code 
    { 
     login(); 
    } 
});