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 EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
vue实现图片按比例缩放问题操作
Aug 11 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
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
ExtJs的Date格式字符代码
2010/12/30 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
JS中from 表单序列化提交的代码
2017/01/20 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
jQuery手风琴的简单制作
2017/05/12 jQuery
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
2017/11/09 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
深入解析Python中的urllib2模块
2015/11/13 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Python反转序列的方法实例分析
2018/03/21 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
法国面料和小百货在线商店:Mondial Tissus
2019/03/23 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
打架检讨书100字
2014/01/19 职场文书
主管会计岗位责任制
2014/02/10 职场文书
学生抄作业检讨书(2篇)
2014/10/17 职场文书
计算机实训报告范文
2014/11/05 职场文书
2016年万圣节活动总结
2016/04/05 职场文书
python脚本框架webpy的url映射详解
2021/11/20 Python