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 @   听说这是最长的名字了  阅读(502)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp

阅读目录(Content)

此页目录为空

点击右上角即可分享
微信分享提示