JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

2019-12-24,,,

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中对未来的元素绑定事件用bind、live or on
  • jquery新的绑定事件机制on方法的使用方法
  • 浅谈jquery之on()绑定事件和off()解除绑定事件
  • jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
  • jQuery中on绑定事件后引发的事件冒泡问题如何解决
  • Jquery on方法绑定事件后执行多次的解决方法
  • jQuery中绑定事件bind() on() live() one()的异同
  • jQuery绑定事件on()与弹窗的简要概述
  • jQuery中用on绑定事件时需注意的事项

《JQuery入门——用one()方法绑定事件处理函数(仅触发一次).doc》

下载本文的Word格式文档,以方便收藏与打印。