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

Question

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

Answer 1

首先，您需要找到要拦截<input type="text">密钥的enter元素。在普通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（）停止活动＆＃34;冒泡＆＃34;到父元素，因为否则父母将提交表格。