WEB前端
No Comments

js/jQuery监听网页回车事件 form表单提交

使用js/jQuery监听回车事件， 在特殊情况下我们可能需要通过js监听网页回车事件进行提交form表单参数达到特定目标，本文主要介绍js或jQuery监听网页回车事件或元素容器内回车事件.

jQuery监听网页回车：

  1. $(document).keyup(function(e){  
  2.     var curKey = e.which;   
  3.     if(curKey==13){  
  4.         //具体操作处理方法  
  5.     }  
  6.  });  


js监听网页回车：

  1. document.onkeydown=keyDownSearch;  
  2. function keyDownSearch(e) {   
  3.   // 兼容FF和IE和Opera   
  4.   var theEvent = e || window.event;   
  5.   //keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码  
  6.   //which 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。  
  7.   //charCode 属性返回onkeypress事件触发键值的字母代码  
  8.   var code = theEvent.keyCode || theEvent.which || theEvent.charCode;  //PS:数字键盘上的Enter键的keyCode键码值为108  
  9.   if (code == 13) {   //具体操作处理方法  
  10.     var kw = $('#keyword').val();  
  11.     var host = window.location.host;  
  12.     location.href= 'http://'+host+"/lists/index/keyword="+kw;  
  13.     return false;   
  14.   }   
  15.   return true;   
  16. }  
  17.   
  18. 若只针对某个div容器应用回车提交表单查询的话，可以将：    
  19. document.onkeydown=keyDownSearch;    
  20. 改成：    
  21. document.getElementById('div容器id').onkeydown=keyDownSearch;    

推荐使用js keydown事件方法。

本文最后更新于 2016-06-17 00:25:25 并被添加「js jquery js事件 jquery事件」标签，已有 7170 位童鞋阅读过。
本文作者：未来往事
本文链接：https://felixway.cn/post/570.html
本站使用「署名 4.0 国际」创作共享协议，可自由转载、引用，但需署名作者且注明文章出处

相关文章

此处评论已关闭