jquery回车事件

jQuery 回车事件绑定方法

使用 jQuery 监听回车键（keyCode 为 13）的事件可以通过以下方式实现：

$(document).on('keypress', function(e) {
    if (e.which === 13) {
        // 回车键被按下时的处理逻辑
        console.log('Enter key pressed');
    }
});

针对特定输入框的回车事件

若只需监听特定输入框的回车事件：

$('#inputId').on('keypress', function(e) {
    if (e.which === 13) {
        // 处理逻辑
        alert('Enter pressed in input field');
    }
});

防止表单自动提交

当在表单中输入回车时，默认会触发表单提交。阻止默认行为：

$('form').on('keypress', function(e) {
    if (e.which === 13) {
        e.preventDefault();
        // 自定义逻辑
    }
});

使用 keyup 替代 keypress

某些情况下 keypress 可能不兼容，可改用 keyup 事件：

$(document).keyup(function(e) {
    if (e.keyCode === 13) {
        // 处理逻辑
    }
});

注意事项

• 现代浏览器推荐使用 e.key === 'Enter' 代替 keyCode 检测
• 事件委托写法（如第一个示例）适合动态生成的元素
• 不同 jQuery 版本语法可能略有差异，但核心逻辑相同