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

时间:2016-05-13 11:16:19

标签: jquery google-search google-search-api

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

1 个答案:

答案 0 :(得分:0)

首先,您需要找到要拦截<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;到父元素,因为否则父母将提交表格。