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 相关文章推荐
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
javascript获取隐藏dom的宽高 具体实现
Jul 14 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
AngularJS  双向数据绑定详解简单实例
Oct 20 Javascript
ES6入门教程之Iterator与for...of循环详解
May 17 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
详解前后端分离之VueJS前端
May 24 Javascript
layui中layer前端组件实现图片显示功能的方法分析
Oct 13 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 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
德生BCL3000的电路分析和打磨
2021/03/02 无线电
也谈 PHP 和 MYSQL
2006/10/09 PHP
也谈php网站在线人数统计
2008/04/09 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
phpstudy2020搭建站点的实现示例
2020/10/30 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
Python中对象的引用与复制代码示例
2017/12/04 Python
python使用生成器实现可迭代对象
2018/03/20 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
基于Python List的赋值方法
2018/06/23 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
python取均匀不重复的随机数方式
2019/11/27 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
工厂门卫岗位职责
2013/11/25 职场文书
旷课检讨书1000字
2014/02/14 职场文书
三爱活动实施方案
2014/03/19 职场文书
Python标准库pathlib操作目录和文件
2021/11/20 Python
Linux安装apache服务器的配置过程
2021/11/27 Servers