jquery回车事件
jQuery 监听回车事件的方法
在 jQuery 中监听回车事件通常通过监听键盘事件(keypress 或 keydown)并检查按下的键码是否为回车键(13)来实现。
基本实现方式

$(document).on('keypress', function(e) {
if (e.which === 13) {
// 回车键被按下时执行的代码
console.log('回车键被按下');
}
});
针对特定输入框的监听
$('#inputId').on('keypress', function(e) {
if (e.which === 13) {
// 当在指定输入框中按下回车时执行的代码
$(this).blur(); // 示例:移除输入框焦点
}
});
使用 keydown 替代 keypress
某些情况下 keypress 可能不被支持,可以使用 keydown 事件:

$('#inputId').on('keydown', function(e) {
if (e.keyCode === 13) {
// 处理回车事件
e.preventDefault(); // 阻止默认行为(如表单提交)
}
});
现代浏览器推荐写法
较新版本的 jQuery 和浏览器支持 key 属性:
$('#inputId').on('keydown', function(e) {
if (e.key === 'Enter') {
// 更语义化的判断方式
}
});
表单提交场景 若需要阻止回车键触发表单提交:
$('form').on('keypress', function(e) {
if (e.which === 13 && !$(e.target).is('textarea')) {
e.preventDefault();
// 自定义提交逻辑
}
});
注意事项
- 键盘事件会冒泡,需注意事件委托场景
- 移动端设备可能存在兼容性问题
keyCode和which已被废弃,推荐使用key属性- 在表单中使用时要考虑浏览器默认行为






