jquery回车触发事件
使用 jQuery 监听回车键事件
在 jQuery 中,可以通过监听键盘事件来检测用户是否按下了回车键(keyCode 为 13 或 which 为 13)。
$(document).ready(function() {
// 监听输入框的回车事件
$('#inputId').keypress(function(event) {
if (event.which === 13 || event.keyCode === 13) {
alert('回车键被按下');
// 执行其他操作
}
});
});
监听全局回车键事件
如果需要在整个页面监听回车键,可以直接绑定到 document 对象:

$(document).keypress(function(event) {
if (event.which === 13 || event.keyCode === 13) {
console.log('全局回车键事件触发');
// 执行操作
}
});
阻止表单提交时的默认行为
如果回车键触发表单提交,但希望自定义行为,可以阻止默认事件:

$('#formId').keypress(function(event) {
if (event.which === 13) {
event.preventDefault();
// 自定义逻辑
}
});
动态绑定回车事件
对于动态生成的元素,使用事件委托确保事件监听有效:
$(document).on('keypress', '.dynamic-input', function(event) {
if (event.which === 13) {
// 处理动态元素的回车事件
}
});
使用 keydown 替代 keypress
某些情况下,keypress 可能无法捕获所有按键事件,可以使用 keydown:
$('#inputId').keydown(function(event) {
if (event.key === 'Enter' || event.keyCode === 13) {
// 处理回车事件
}
});
注意事项
- 现代浏览器推荐使用
event.key === 'Enter'替代keyCode或which。 - 确保事件绑定在 DOM 加载完成后执行(如
$(document).ready())。 - 如果目标元素是表单内的输入框,回车键可能触发表单提交,需根据需求决定是否阻止默认行为。






