Jquery实现按回车调用别的单击事件(如按回车进行搜索)

来源:互联网 发布:百度贴吧和天涯知乎 编辑:程序博客网 时间:2024/06/09 14:12
  1. script type="text/javascript">     
  2.         $().ready(function () {  
  3.             $("#txt_search").keydown(function (e) {   
  4.                 var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode; //兼容IE 火狐 谷歌  
  5.                 if (keyCode == 13) {  
  6.                     $("#span_search").trigger("click");  
  7.                     return false;  
  8.                 }  
  9.             });  
  10.         })  
  11.         function search() {  
  12.             if ($("#txt_search").val().trim() != '') {  
  13.                 window.location.href = 'carlist.aspx?key=0-0-' + escape('' + $("#txt_search").val() + '') + '-0-0';  
  14.             }  
  15.             else {  
  16.                 $("#txt_search").focus();  
  17.                 alert('请输入关键字');  
  18.                   
  19.             }  
  20.         }  
  21.     </script>  

[html] view plain copy
  1. <div class="banner-search">  
  2.      <input type="text" class="form-control dropdown-toggle" placeholder="请输入要买的品牌或车型" id="txt_search" />  
  3.      <i class="glyphicon glyphicon-search"></i>  
  4.      <span title="搜索" class="banner-search-btn" id="span_search" onclick="return search();">搜索</span>  
  5. </div>  

下面这是取消页面上只有一个submit(或者button)时,在文本框里按回车会触发提交事件

[javascript] view plain copy
  1. document.onkeydown = function (e) {  
  2.             var e = e || event;  
  3.             if (e.keyCode == 13) {  
  4.                 setTimeout(function () {  
  5.                     ;//什么都不做  
  6.                 }, 0);  
  7.                 e.preventDefault ? e.preventDefault() : (e.returnValue = false);  
  8.             }  
  9.         }