我想检测用户是否使用jQuery按下了Enter键。
这怎么可能?它需要插件吗?
看起来我需要使用keypress()方法。
该命令是否存在浏览器问题?比如,是否存在我应该知道的浏览器兼容性问题?
我想检测用户是否使用jQuery按下了Enter键。
这怎么可能?它需要插件吗?
看起来我需要使用keypress()方法。
该命令是否存在浏览器问题?比如,是否存在我应该知道的浏览器兼容性问题?
当前回答
$(function(){
$('.modal-content').keypress(function(e){
debugger
var id = this.children[2].children[0].id;
if(e.which == 13) {
e.preventDefault();
$("#"+id).click();
}
})
});
其他回答
尝试此操作以检测按下的Enter键。
$(document).on("keypress", function(e){
if(e.which == 13){
alert("You've pressed the enter key!");
}
});
查看键盘上的演示@detect回车键
jQuery的要点是您不必担心浏览器的差异。我非常确信,在所有浏览器中,输入值都是13,这是安全的。考虑到这一点,您可以这样做:
$(document).on('keypress',function(e) {
if(e.which == 13) {
alert('You pressed enter!');
}
});
我无法使Paolo Bergan蒂诺发布的代码正常工作,但当我将其更改为$(document)和e.which而不是e.keyCode时,我发现它工作得很完美。
$(document).keypress(function(e) {
if(e.which == 13) {
alert('You pressed Enter!');
}
});
链接到JS Bin上的示例
使用event.key和现代JavaScript!
$(document).keypress(function(event) {
if (event.key === "Enter") {
// Do something
}
});
或不使用jQuery:
document.addEventListener("keypress", function onEvent(event) {
if (event.key === "Enter") {
// Do something better
}
});
Mozilla文档
支持的浏览器
我编写了一个小插件,以便更容易地绑定“按下回车键”事件:
$.fn.enterKey = function (fnc) {
return this.each(function () {
$(this).keypress(function (ev) {
var keycode = (ev.keyCode ? ev.keyCode : ev.which);
if (keycode == '13') {
fnc.call(this, ev);
}
})
})
}
用法:
$("#input").enterKey(function () {
alert('Enter!');
})