zoukankan      html  css  js  c++  java
  • 设置回车的默认按钮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>
  • 相关阅读:
    Introduction to Guid ( globally unique identifier )
    Visual Studio调试技巧 -- Attach to Process #Reprinted#
    ASP.NET PipeLine #Reprinted#
    Introduction to REST #Reprinted#
    HTTP status codes
    Introduction to Json
    Visual Studio shortcut keys
    C# Programming Study #1
    面向对象程序设计-C++ Finial exam review NOTES【第十六次上课笔记】
    几道汇编入门题目(二)
  • 原文地址:https://www.cnblogs.com/huangjianwu/p/4536331.html
Copyright © 2011-2022 走看看