【JQuery】使用one()方法绑定元素的一次性事件

最新推荐文章于 2020-06-25 11:36:00 发布
最新推荐文章于 2020-06-25 11:36:00 发布
阅读量678 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyhaojie/article/details/51043482
版权

很简单，为元素绑定事件，只能执行一次。

比如绑定点击事件，点击一次执行后，再点击就没有任何反应了。


<body>
        <h3>one()方法执行一次绑定事件</h3>
        <div>请点击我一下</div>
        
        <script type="text/javascript">
            $(function () {
                var intI = 0;
                $("div").one("click", function () {
                    intI++;
                    $(this).css("font-size", intI + "px");
                }) 
            });
        </script>
</body>


badlyForPapers
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery为页面Dom元素绑定事件及解除绑定方法
12-10
1、绑定事件 代码如下: $(‘#id’).bind(“click”,function(){ … }) 可一次性绑定多个事件 代码如下: $(‘#id’).bind(“click mouseover mouseout”,function(){ … }) 2、解除绑定 代码如下: $(‘#id’).unbind...
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
12-12
总结起来，`jQuery.one()`方法是一个强大的工具，它提供了一种优雅的方式去处理一次性事件，避免了多次执行同一操作的情况。熟练掌握这个方法，能够让你的JavaScript和jQuery代码更加高效且易于维护。
15.使用one()方法绑定元素的一次性事件
weixin_34355881的博客
03-11 284
one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 例如，使用one方法绑定<div>元素的单击事件，在事件执行的函数中，累计执行的次数，并将该次数显示在页面中，如下图所示： ...
只执行一次的事件绑定函数
weixin_34146986的博客
05-17 965
概览 在前端开发中，有时会希望事件只被调用一次。比如，点击一张缩略图加载视频文件或点击“更多”图标通过AJAX展示额外的内容。当多次点击的时候，事件处理函数会被调用多次，这会造成浏览器多次加载不必要的资源。更坏的情况可能会导致无法预期的事情发生。庆幸的是，使用JavaScript可以很容易的实现只绑定一次的事件。步骤如下： 定义事件处理...
jquery的几种绑定事件的方法
onepunchmen00的博客
04-22 593
bind 只能对已经存在的元素绑定 live 把事件委托给根节点 document delegate 性能 优于live 可以指定代理的节点 one 元素绑定的事件只触发一次 on 推荐使用！解决了上述绑定混乱的问题 ...
JQuery入门——用one()方法绑定事件
liang408015204的专栏
02-02 1706
1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数，其调用的语法格式为：one(type, [data], fn) 其中参数type为事件类型，即需要触发什么类型的事件；参数data为可选参数，表示作为event.data属性值传递给事件对象的额外数据对象；fn为绑定事件时所要触发的函数。 2、示例代码： 其他事件   $(function(){
Jquery使用on()绑定事件失效处理
DH2Y的全栈修仙路
03-09 2623
一、参考网址JQ的绑定方法参考：http://www.cnblogs.com/xilipu31/p/4105794.html on()绑定事件失效：http://www.oschina.net/question/877598_2138986二、ON()事件浅析 在高版本之后，jquery1.7版本出现之后用于替代bind()，live()绑定事件方式； 用法是一样一样的。 他的作用：使用
jQuery的三种bind/One/Live/On事件绑定使用方法
10-20
`one()`保持不变，用于一次性事件绑定。`live()`和`delegate()`的功能已经被`on()`完全涵盖，并且由于性能原因，推荐使用`on()`来替代它们。在最新的jQuery版本中，使用`on()`进行事件绑定是最优选的方式。
解决jQuery使用append添加的元素事件无效的问题
10-18
此外，`on`方法还可以用于一次性事件，只需在调用时添加`one`作为`on`的前缀，如`one("click", ...)`，这样事件处理器会在触发一次后自动解除绑定。 总的来说，解决jQuery `append`添加元素的事件无效问题，关键...
JS为元素添加一次性触发事件
热门推荐
我爱吃豆芽呀
03-29 1万+
可使用arguments的callee属性配合removeEventListener方法实现事件的移除 element.addEventListener( "EventName", function(){ //TODO element.removeEventListener("EventName", arguments.callee); }); ...
使用one方法实现事件的一次性绑定
xiaozhuangyumaotao的博客
06-25 458
one方法格式：one(eventName,[data],fn) one方法功能：有时候，只希望事件执行一次，而又不想使用off()等函数解除事件绑定，这时候可以使用one(),为每一个匹配元素的特定事件绑定一个一次性的事件处理函数 参数解释： eventName：事件名称，如click data:传给回调函数fn的参数，通过fn的事件参数.data.xxx来获取 代码举例，html结构： <!doctypehtml> <html> <head> <.
jQuery 事件处理
lesileqin的博客
01-23 3419
文章目录一、页面加载响应事件二、jQuery中的事件三、事件绑定1、为元素绑定2、移除绑定3、绑定一次性事件处理 事件是脚本语言的灵魂，所以没有事件的脚本语言是没有灵魂的……… 事件使页面具有了动态性和响应性，木的事件的话就很难实现网站与人的交互 一、页面加载响应事件 $(document)用于获取整个文档的对象，$(document).ready()方法就是等HTML文档加载完成就执行的一个方...
jquery一次性事件的绑定
boss_way的博客
11-07 3117
1.1． 一次性事件 one()为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。 One绑定的函数只能执行一次。 $(“#btn”).one(click,function(){ Alert(“hello word”); });
jQuery中的事件绑定
iteye_5722的博客
04-05 139
在页面加载完毕时，程序可以通过为元素绑定事件完成相应的操作。 在jQuery中，事件绑定通常可以分为为元素绑定事件、移除绑定和绑定一次性事件处理3种情况，下面分别进行介绍。 一 为元素绑定事件 在jQuery中，为元素绑定事件可以使用bind()方法，该方法的语法结构如下： bind(type,[data],fn) type：事件类型。 data：可选参数，作为event.data属...
jQuery绑定一次性事件和注销事件
邓占勇的博客
08-19 3287
绑定一次性事件 one()是on()的一个特例，用法与bind()完全相同，但是他绑定的事件在执行一次响应之后就会失效。用法如下： one(event,[data],dunction) 参数说明如下： event:必须参数项，添加到元素的一个或多个事件，如click、dblclick等。 data:可选参数项，设计需要传递的参数。 function:必须参数项，当绑定事件发生时，需要...
42 jQuery-使用one()方法绑定触发一次的事件
LiGuogang
12-27 373
1.效果图 2.html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;42 jQuery-使用one()方法绑定触发一次的事件&lt;/title&gt; &lt;style type="text/css"
jQuery.one() 函数详解
时清云的博客
04-06 1534
one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。 此外，你还可以额外传递给事件处理函数一些所需的数据。 通过one()函数绑定的事件处理函数都是一次性的，只有首次触发事件时会执行该事件处理函数。触发之后，jQuery就会移除当前事件绑定。 此外，你可以为同一元素、同一事件类型绑定多个一次性的事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行
jQuery中绑定创建元素上的事件
最新发布
07-13
在jQuery中，可以使用on()方法来绑定在创建的元素上的事件。具体步骤如下： 1. 首先，选择一个已存在的父级元素，可以是文档的根元素或者任何父级元素。 2. 使用on()方法来为父级元素绑定事件，指定要绑定的事件类型和选择器。 举个例子，如果要在点击按钮时触发事件，可以按照以下方式进行绑定： ```javascript $(父级元素).on(事件类型, 子元素选择器, function() { // 事件处理程序 }); ``` 其中，父级元素是一个已存在的元素，可以是标签名、类名、ID或者选择器。子元素选择器是一个字符串，用于指定要绑定事件的子元素。事件类型可以是click、keydown等等。 例如，如果想在点击一个类名为"btn"的按钮时触发事件，可以这样绑定： ```javascript $(document).on('click', '.btn', function() { // 事件处理程序 }); ``` 这样，无论何时创建一个类名为"btn"的按钮，点击它都会触发事件。通过这种方式，可以实现对动态创建元素的事件绑定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值