zoukankan      html  css  js  c++  java
  • JQuery | 事件 | one() 方法

      当使用 one() 方法时,每个元素只能运行一次事件处理器函数。

    语法:

      $(selector).one(event,data,function)

        event:  规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。

        data:  可选。规定传递到函数的额外数据。

        function: 必需。规定当事件发生时运行的函数。

    示例:

      

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <title>其他事件one</title>
     5     <script type="text/javascript" 
     6             src="Jscript/jquery-1.4.2-vsdoc.js">
     7     </script>
     8     <script type="text/javascript" 
     9             src="Jscript/jquery-1.4.2.js">
    10     </script>
    11     <style type="text/css">
    12            .btn {border:#666 1px solid;padding:2px;width:160px;
    13            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
    14     </style>
    15     <script type="text/javascript">
    16         $(function() {
    17             function btn_Click() { //自定义事件
    18                 $("#divTip").append("<div>点击查看联系方式2 : 010-12345678</div>");
    19             }
    20 
    21             $("#Button").one("click", btn_Click); //绑定自定义事件
    22 
    23 
    24             function oClick1() { //自定义事件
    25                 $("#divTip").append("<div>点击查看联系方式1 : 010-12345678</div>");
    26             }
    27             $("#Button1").bind("click",oClick1);
    28             
    29         })
    30     </script>
    31 </head>
    32 <body>
    33 
    34     <input id="Button" type="button" value="点击查看联系方式" class="btn" />
    35     <input id="Button1" type="button" value="点击查看联系方式1" class="btn" />
    36 
    37     <div id="divTip" style="padding-top:10px"></div>
    38 </body>
    39 </html>
  • 相关阅读:
    微信小程序
    svn
    当滑动条滑动到某一位置触发js
    css固定页面
    css三级菜单
    h5时钟
    DOM节点
    应用r.js来优化你的前端
    浅谈javascript中的作用域
    javascript 中的 arguments,callee.caller,apply,call 区别
  • 原文地址:https://www.cnblogs.com/jj81/p/9874916.html
Copyright © 2011-2022 走看看