如何防止按鍵事件干擾瀏覽器的輸入支持？

Question

我正在使用Bootstrap的模塊組件來創建一個「添加用戶」對話框到我的Web應用程序。爲了方便用戶快速工作，我希望讓escape能夠關閉並按照預期提交表單。在遇到通常不接受輸入的div的麻煩之後，一些模式焦點下的元素最終只是將一個按鍵事件掛接到「文檔」上。除了一個例外，這實際上很有用。

當將數據輸入到表格，瀏覽器將有時會顯示建議箱：

擊球逃逸關閉建議箱，或輸入到選擇一個元素從它會不幸觸發這將導致一個按鍵事件表格將被關閉或提交。

有沒有一種方法可以忽略這種情況下的按鍵？我需要採取完全不同的方法嗎？

Answer 1

另一種方法是將autocomplete="off"添加到輸入標籤中。

Answer 2

您是否使用$(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 
    } 
});