停止谷歌表單提交按鍵

Question

我正在使用谷歌自定義搜索，我試圖用e.preventdefault停止表單提交，但注意到工作，因爲它是直接從谷歌提供。

Answer 1

首先，您需要找到想要截取enter鍵的<input type="text">元素。在簡單的JS，你可以在elm可變元素做現在這樣

var elm = document.getElementsByClassName('my-input-element-class')[0]; 

，你就可以設置一個事件處理程序攔截keypress事件。每當在<input type="text">框中按一個鍵時，它將檢查是否是enter（鍵碼13）。

elm.addEventListener('keypress', function(event){ 
    if (event.keyCode == 13){ 
    event.preventDefault(); 
    event.stopPropagation(); 
    } 
}); 

如果它是enter鍵，事件處理程序會做兩件事情：

• event.preventDefault（）從做它通常會做停止的事件，也就是停止它從提交表單。
• event.stopPropagation（）將事件從「冒泡」停止到父元素，因爲否則父級將提交表單。