javascript - 如何防止按键事件干扰浏览器的输入支持？

Question

我正在使用 Bootstrap 的模态组件为我的 Web 应用程序创建一个“添加用户”对话框。为了方便用户快速工作，我想让转义键和回车键关闭并按预期提交表单。在遇到 div 不接受输入的常见问题以及模态下的一些元素获得焦点后，我最终只是将按键事件挂钩到“文档”。这实际上很好用，但有一个例外。

在表单中输入数据时，浏览器有时会显示一个建议框：

点击退出以关闭建议框，或输入以从中选择一个元素，不幸的是会触发一个按键事件，导致表单被关闭或提交。

在这种情况下，有没有办法可以忽略按键？我需要采取完全不同的方法吗？

Answer 1

您是否使用$(document).keyUp()绑定您的 ESC 和 Enter 键事件。如果是这样，您可以尝试在该函数中添加此代码以忽略在输入标签中按下的按键：

$(document).keyup(function(e){
    if(e.srcElement.tagName == 'INPUT'){
        return;
    }else{
        // Your code to bind function to exit div or submit
    }
});

Answer 2

另一种方法是添加autocomplete="off"到输入标签中。