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 相关文章推荐
JavaScript Cookie的读取和写入函数
Dec 08 Javascript
读jQuery之十 事件模块概述
Jun 27 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
Javascript保存网页为图片借助于html2canvas库实现
Sep 05 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
jquery实现超简洁的TAB选项卡效果代码
Aug 28 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
详解webpack 多入口配置
Jun 16 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
Dec 10 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
May 10 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
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
javascript ready和load事件的区别示例介绍
2013/08/30 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
jQuery.prop() 使用详解
2015/07/19 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
ionic 自定义弹框效果
2017/06/27 Javascript
详解Vue微信公众号开发踩坑全记录
2017/08/21 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
vue+AI智能机器人回复功能实现
2020/07/16 Javascript
python实现按行切分文本文件的方法
2016/04/18 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python中的TCP socket写法示例
2018/05/11 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
通信专业个人自我鉴定
2013/10/21 职场文书
翻译专业应届生求职信
2013/11/23 职场文书
运动会广播稿200字
2014/10/18 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
2015年学校管理工作总结
2015/07/20 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
Python内置数据类型中的集合详解
2022/03/18 Python