JQuery入门——用one()方法绑定事件处理函数(仅触发一次)


Posted in Javascript onFebruary 05, 2013

1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type, [data], fn)

其中参数type为事件类型,即需要触发什么类型的事件;参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象;fn为绑定事件时所要触发的函数。

2、示例代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>其他事件</title> 
<script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("#button").bind("click",function(){ 
$("#button").attr("value","14797710665"); 
}); 
}) 
</script> 
</head> <body> 
<div> 
<input id="button" type="button" value="查看联系方式" class="btn"/> 
</div> 
</body> 
</html>

3、效果图预览

JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
点击后:
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

再点击无反应

Javascript 相关文章推荐
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
十大热门的JavaScript框架和库
Mar 21 Javascript
JS+HTML5实现图片在线预览功能
Jul 22 Javascript
基于es6三点运算符的使用方法(实例讲解)
Oct 12 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
在vue 中使用 less的教程详解
Sep 26 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
Nov 06 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 Javascript
对layer弹出框中icon数字参数的说明介绍
Sep 04 Javascript
jquery 卷帘效果实现代码(不同方向)
Feb 05 #Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 #Javascript
jQuery.prototype.init选择器构造函数源码思路分析
Feb 05 #Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 #Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 #Javascript
jquery zTree异步加载简单实例分享
Feb 05 #Javascript
JS打印gridview实现原理及代码
Feb 05 #Javascript
You might like
提升PHP执行速度全攻略(下)
2006/10/09 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
Python数据结构与算法之图结构(Graph)实例分析
2017/09/05 Python
Python数据结构之哈夫曼树定义与使用方法示例
2018/04/22 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
2016/03/15 HTML / CSS
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
Ibatis如何使用动态表名
2015/07/12 面试题
电子信息专业自荐书
2014/02/04 职场文书
法律六进活动方案
2014/03/13 职场文书
咖啡店创业计划书
2014/08/15 职场文书
2014群众路线学习笔记
2014/11/06 职场文书
商铺租房协议书范本
2014/12/04 职场文书
行政介绍信范文
2015/05/04 职场文书
2015年七夕情人节活动方案
2015/05/06 职场文书
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers