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 属性
• 在表单中使用时要考虑浏览器默认行为