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实现的分页函数
Feb 07 Javascript
用javascript自动显示最后更新时间
Mar 15 Javascript
JavaScript作用域链使用介绍
Aug 29 Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
element ui 对话框el-dialog关闭事件详解
Feb 26 Javascript
JavaScript面向对象程序设计创建对象的方法分析
Aug 13 Javascript
小程序文字跑马灯效果
Dec 28 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 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
Zerg基本策略
2020/03/14 星际争霸
PHP取整数函数常用的四种方法小结
2012/07/05 PHP
使用新浪微博API的OAuth认证发布微博实例
2015/03/27 PHP
php统计数组元素个数的方法
2015/07/02 PHP
php计算年龄精准到年月日
2015/11/17 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
2017/04/05 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
javascript新手语法小结
2008/06/15 Javascript
js判断输入是否为数字的具体实例
2013/08/03 Javascript
javascript实现的元素拖动函数宿主为浏览器
2014/07/21 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
详解Python中的动态属性和特性
2018/04/07 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
python3 selenium自动化 frame表单嵌套的切换方法
2019/08/23 Python
python实现根据文件格式分类
2019/10/31 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
Python3开发环境搭建详细教程
2020/06/18 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
Amcal中文官网:澳洲综合性连锁药房
2019/03/28 全球购物
中学运动会广播稿
2014/01/19 职场文书
实验室标语
2014/06/21 职场文书
明星员工获奖感言
2014/08/14 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS
端午节将至,用Python爬取粽子数据并可视化,看看网友喜欢哪种粽子吧!
2021/06/11 Python
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA
关于mysql中string和number的转换问题
2022/06/14 MySQL