如何实现按下回车键激活HTML中的OK按钮

方法一：利用表单默认行为（最简单） #

你的OK按钮类型是submit，只要把按钮包裹在<form>标签内，浏览器默认会在按下回车键时触发第一个submit类型的按钮，无需额外JS：

<form onsubmit="window.KeyboardMaestro.Submit('OK'); return false;">
    <div class="buttonbar">
        <button name="Cancel" type="button" onclick="window.KeyboardMaestro.Cancel('Cancel')">Cancel</button> 
        <button name="OK" type="submit" id="submit" onclick="window.KeyboardMaestro.Submit('OK')">OK</button>
    </div>
</form>

注意：onsubmit里加return false;是为了阻止表单默认的页面跳转行为，避免干扰KeyboardMaestro的逻辑。

方法二：手动监听回车键事件 #

如果不想用表单，也可以通过JavaScript监听全局的回车键按下事件，触发OK按钮的点击逻辑：

// 监听文档的keydown事件
document.addEventListener('keydown', function(e) {
    // 判断是否按下回车键
    if (e.key === 'Enter' || e.keyCode === 13) {
        // 阻止默认行为，避免触发其他可能的回车响应
        e.preventDefault();
        // 直接调用OK按钮对应的Submit函数
        window.KeyboardMaestro.Submit('OK');
        // 也可以选择触发按钮的点击事件：document.getElementById('submit').click();
    }
});

两种调用方式选其一即可，直接调用函数更高效，触发点击事件则会同步执行按钮的onclick逻辑，效果完全一致。

内容的提问来源于stack exchange，提问作者Rebni731