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>

 

posted @ 2018-10-30 09:32  听说这是最长的名字了  阅读(500)  评论(0编辑  收藏  举报