jQuery的整个意义在于您不必担心浏览器差异。我相信您可以安全地在所有浏览器中将enter键视为13。因此,考虑到这一点,您可以这样做:
$(document).on('keypress',function(e) {
if(e.which == 13) {
alert('You pressed enter!');
}
});
我编写了一个小插件,使绑定“按下回车键”事件更容易:
$.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!');
})
#input
) - Rápli András$("#input").on("someevent","someselector",function () {})
- mplungjan我无法让Paolo Bergantino发布的代码正常工作,但当我将其更改为$(document)
和e.which
而不是e.keyCode
时,我发现它可以完美地工作。
$(document).keypress(function(e) {
if(e.which == 13) {
alert('You pressed Enter!');
}
});
我发现这个方法在跨浏览器兼容性方面更好:
$(document).keypress(function(event) {
var keycode = event.keyCode || event.which;
if(keycode == '13') {
alert('You pressed a "enter" key in somewhere');
}
});
您可以使用jQuery的“keydown”事件处理程序来实现此操作:
$("#start").on("keydown", function(event) {
if(event.which == 13)
alert("Entered!");
});
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
}
});
$(document).ready(function(){
$('#loginforms').keypress(function(e) {
if (e.which == 13) {
//e.preventDefault();
alert('login pressed');
}
});
$('#signupforms').keypress(function(e) {
if (e.which == 13) {
//e.preventDefault();
alert('register');
}
});
});
$('textarea').enterKey(function() {$(this).closest('form').submit(); }, 'ctrl')
$.fn.enterKey = function (fnc, mod) {
return this.each(function () {
$(this).keypress(function (ev) {
var keycode = (ev.keyCode ? ev.keyCode : ev.which);
if ((keycode == '13' || keycode == '10') && (!mod || ev[mod + 'Key'])) {
fnc.call(this, ev);
}
})
})
}
<div>
。<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Script</title>
<script src="/lib/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('.container .content input').keypress(function (event) {
if (event.keyCode == 10 || event.keyCode == 13) {
alert('Form Submission needs to occur using the Submit button.');
event.preventDefault();
}
});
</script>
</head>
<body>
<div class="container">
<div class="header">
<div class="FileSearch">
<!-- Other HTML here -->
</div>
</div>
<div class="content">
<form id="testInput" action="#" method="post">
<input type="text" name="text1" />
<input type="text" name="text2" />
<input type="text" name="text3" />
<input type="submit" name="Submit" value="Submit" />
</form>
</div>
</div>
</body>
</html>
JSFiddle Playground链接: [提交]
按钮没有任何反应,但从文本框控件中按下 ENTER 键不会提交表单。