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 相关文章推荐
jquery控制select的text/value值为选中状态
Jun 03 Javascript
JavaScript动态创建link标签到head里的方法
Dec 22 Javascript
js中利用tagname和id获取元素的方法
Jan 03 Javascript
ashx文件获取$.ajax()方法发送的数据
May 26 Javascript
JS构造函数与原型prototype的区别介绍
Jul 04 Javascript
js实现可键盘控制的简单抽奖程序
Jul 13 Javascript
解决wx.onMenuShareTimeline出现的问题
Aug 16 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
基于Vue生产环境部署详解
Sep 15 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 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一些常用的正则表达式字符的一些转换
2008/07/29 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
PHP上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
一组PHP可逆加密解密算法实例代码
2014/01/21 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
JavaScript语句可以不以;结尾的烦恼
2007/03/08 Javascript
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
JavaScript图片处理与合成总结
2018/03/04 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
Python中的面向对象编程详解(下)
2015/04/13 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python的组合模式与责任链模式编程示例
2016/02/02 Python
Python选课系统开发程序
2016/09/02 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
Python模拟登陆实现代码
2017/06/14 Python
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
财务分析个人的自荐书范文
2013/11/24 职场文书
党性教育心得体会
2014/09/03 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
普通员工辞职信范文
2015/05/12 职场文书
反邪教观后感
2015/06/11 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript