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 性能优化手册 推荐
Feb 23 Javascript
jQuery.extend 函数详解
Feb 03 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
jQuery选择器全集详解
Nov 24 Javascript
jQuery中noConflict()用法实例分析
Feb 08 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
数组Array的排序sort方法
Feb 17 Javascript
详解从买域名到使用pm2部署node.js项目全过程
Mar 07 Javascript
Vue.js 利用v-for中的index值实现隔行变色
Aug 01 Javascript
优雅地使用loading(推荐)
Apr 20 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
Win下如何安装PHP的APC拓展
2013/08/07 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
一些常用的JavaScript函数(json)附详细说明
2011/05/25 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
angularJS 入门基础
2015/02/09 Javascript
javascript消除window.close()的提示窗口
2015/05/20 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
nodejs实现截取上传视频中一帧作为预览图片
2017/12/10 NodeJs
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
《javascript少儿编程》location术语总结
2018/05/27 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python图像灰度变换及图像数组操作
2016/01/27 Python
python地震数据可视化详解
2019/06/18 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
django修改models重建数据库的操作
2020/03/31 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
HTML5 Canvas实现烟花绽放特效
2016/03/02 HTML / CSS
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
毕业生个人的求职信范文
2013/12/03 职场文书
生日寿宴答谢词
2014/01/19 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
安全生产演讲稿
2014/05/09 职场文书
小学思品教学反思
2016/02/20 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书
python通过新建环境安装tfx的问题
2022/05/20 Python
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers