停止在按键上提交谷歌表单

Question

我正在使用谷歌自定义搜索，我尝试使用 e.preventdefault 案例来停止表单提交，但注意到它是直接从谷歌提供的。

Answer 1

首先你需要找到你想要拦截enter键的<input type="text">元素。在普通的 JS 中你可以这样做

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

现在有了elm 变量中的元素，您可以在其上设置一个事件处理程序来拦截keypress 事件。每次在该<input type="text"> 框中按下一个键时，它都会检查是否为enter（键码13）。

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

如果是enter 键，事件处理程序将做两件事：

• event.preventDefault() 阻止事件执行它通常会执行的操作，即阻止它提交表单。
• event.stopPropagation() 阻止事件“冒泡”到父元素，否则父元素会提交表单。