JQuery - keydown/keypress/keyup обнаружение ENTERKEY?
Попытка получить jQuery для обнаружения ввода ввода, но обнаружено пространство и другие ключи, ввод не обнаружен. Что не так:
$("#entersomething").keyup(function(e) {
alert("up");
var code = (e.keyCode ? e.keyCode : e.which);
if (code==13) {
e.preventDefault();
}
if (code == 32 || code == 13 || code == 188 || code == 186) {
$("#displaysomething").html($(this).val());
});
<input id="entersomething" />
<div id="displaysomething"></div>
http://jsfiddle.net/zeRrv/
Ответы
Ответ 1
JavaScript/JQuery
$("#entersomething").keyup(function(e){
var code = e.which; // recommended to use e.which, it normalized across browsers
if(code==13)e.preventDefault();
if(code==32||code==13||code==188||code==186){
$("#displaysomething").html($(this).val());
} // missing closing if brace
});
HTML
<input id="entersomething" type="text" /> <!-- put a type attribute in -->
<div id="displaysomething"></div>
Ответ 2
Я думаю, что вы будете бороться с событием keyup - поскольку он сначала запускает нажатие клавиши - и вы не сможете остановить распространение второго, если вы хотите исключить клавишу Enter.
Ответ 3
jQuery Sparkle включает в себя настраиваемое событие для этого. Источник можно увидеть здесь:
http://github.com/balupton/jquery-sparkle/blob/master/scripts/resources/jquery.events.js
Вот демо http://www.balupton.com/sandbox/jquery-sparkle/demo/#event-enter
Ответ 4
обновление: в настоящее время у нас есть мобильные и пользовательские клавиатуры, и мы не можем продолжать доверять этим произвольным кодам клавиш, таким как 13 и 186. Другими словами, прекратите использовать event.which
/event.keyCode
и начните использовать event.key
:
if (event.key === "Enter" || event.key === "ArrowUp" || event.key === "ArrowDown")