设置回车的默认按钮detectEnter

王朝学院·作者佚名  2016-05-22
窄屏简体版  字體: 小  |  中  |  大  |  超大  

设置回车的默认按钮detectEnter场景:

页面有一个搜索文本框和搜索按钮。正常情况下,当我在搜索文本框输入关键字后按回车键就可以触发搜索按钮进行内容搜索,但由于页面上还有其它按钮,而且默认不是搜索按钮,怎样才能实现回车就触发我们的搜索按钮呢?

html内容: 1 <div id="staffSearch"> 2 <div> 3 <asp:TextBox ID="txtStaffName" runat="server" CSSClass="txtInput txtStaffName" /> 4 <asp:TextBox ID="txtExt" runat="server" CssClass="txtInput txtExt" 5 onpaste="return false;" onkeyup="this.value=this.value.replace(/\D/g,'')" 6 onafterpaste="this.value=this.value.replace(/\D/g,'')" /> 7 <asp:TextBox ID="txtLocation" runat="server" CssClass="txtInput txtLocation" /> 8 <asp:TextBox ID="txtCompany" runat="server" CssClass="txtInput txtCompany" /> 9 <input type="button" id="btnStaffSearch" class="btnStaffSearch" onclick="staffSearch();" />10 </div>11 </div>

脚本内容:<script type="text/javascript"> //author: Kenmu //created time: 2014-07-07 //function: 当按回车键时,触发登录按钮事件 //detectEnter begin function detectEnter(event) { var e = event || window.event; var o = e.target || e.srcElement; var keyCode = e.keyCode || e.which; // 按键的keyCode if (keyCode == 13) { e.keyCode = 9; e.returnValue = false; $('#btnStaffSearch').click(); } } $(function () { $('#staffSearch').keyPRess(function (e) { detectEnter(e); }); }); //detectEnter end</script>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航