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>
  • 相关阅读:
    PHP 中 define() 和 const 定义常量时的区别
    tar 解压常用压缩文件格式命令大全
    JVM的GC策略
    守护线程(Daemon Thread)
    探索HashMap实现原理及其在jdk8数据结构的改进
    Java面试& HashMap实现原理分析
    Java分布式应用
    全面理解Java内存模型
    Java& Vector与ArrayList区别
    深入理解Java虚拟机&运行时数据区
  • 原文地址:https://www.cnblogs.com/huangjianwu/p/4536331.html
Copyright © 2011-2022 走看看