• 设置回车的默认按钮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>
  • 相关阅读:
    mycat主要参数
    Linux上通过docker方式安装mysql
    Docker镜像拉取慢的解决方法
    mysql关联、子查询索引优化
    Mysql优化单表查询
    Mysql如何快速插入100万条记录?
    git连接到github
    git分支操作2
    git基本操作1
    git简介及安装(win10)
  • 原文地址:https://www.cnblogs.com/huangjianwu/p/4536331.html
Copyright © 2020-2023  润新知