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>
  • 相关阅读:
    Unity3D在各平台上的路径
    Unity简单的单例模式
    C#遍历枚举(Enum)
    C#常用的流类型(FileStream,SteamWriter/StreamReader,MemoryStream等)
    编写一个C程序,运行时输入a,b,c三个值,输出其中最大者
    精确一维搜索算法(直接法)
    Java一维数组求和
    java 导出EXCEL
    Java判断字符串的数字类型(小数、整数)
    网址存储
  • 原文地址:https://www.cnblogs.com/huangjianwu/p/4536331.html
Copyright © 2011-2022 走看看