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中的typeof操作符用法实例
Apr 05 Javascript
使用jQuery判断浏览器滚动条位置的方法
May 30 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
Oct 19 Javascript
详解vue express启动数据服务
Jul 05 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
详解超简单的react服务器渲染(ssr)入坑指南
Feb 28 Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
Mar 02 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』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
php中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
Yii2框架实现登陆添加验证码功能示例
2018/07/12 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
jQuery中调用WebService方法小结
2011/03/28 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
2013/06/09 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
2017/04/12 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
Python常用随机数与随机字符串方法实例
2015/04/09 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
Python中super函数用法实例分析
2019/03/18 Python
python画双y轴图像的示例代码
2019/07/07 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
简单了解python协程的相关知识
2019/08/31 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
测绘工程个人的自我评价
2013/11/23 职场文书
路政管理专业个人自荐信范文
2013/11/30 职场文书
总裁岗位职责
2013/12/04 职场文书
旅游个人求职信范文
2014/01/30 职场文书
药店促销活动总结
2014/07/10 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
民主评议党员总结
2014/10/20 职场文书
讲文明倡议书
2015/04/29 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书