rinald_未来往事

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

WEB前端
使用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事件方法。

原文作者:rinald
原文地址:http://fity.cn/post/570.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。