jQuery one事件

最新推荐文章于 2021-05-15 13:26:54 发布
最新推荐文章于 2021-05-15 13:26:54 发布
阅读量597 收藏
点赞数
分类专栏： JavaScript 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangjp_hz/article/details/78086725
版权

小记

写button的点击事件时，我们习惯性的使用onclick事件，由于onclick事件是点击一次，事件生效一次，会导致我们明明只想保存一条数据，却由于点击了两次而保存了两条一模一样的数据。

为了解决多次点击导致数据重复的问题，我们找到了jQuery的one事件，此事件只绑定一次，也就是即使你不小心点击了两次，事件仍然只会执行一次，也就规避了数据重复的问题。

下面是one事件的使用示例：

$("#buttonId").one("click", function () {

    //事件内容...   

})
Java兔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery onetime 文件
03-21
jquery onetime 文件
one()方法的介绍
weixin_33752045的博客
11-11 293
定义和用法 one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。 当使用 one() 方法时，每个元素只能运行一次事件处理器函数。 语法 $(selector).one(event,data,function) 参数描述 event 必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 data...
jQuery的事件one
weixin_33853794的博客
11-03 41
如果你只想你设计的对象只能让用户执行一次的话，可以使用jQuery的事件one()来实现。   演示一个，创建视图，   看看效果：  
jquery中one的用法
whazhl的专栏
05-22 940
 一、jquery中one方法 one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，该方法与bind方法的参数一样，与bind方法的区别就是只对匹配元素的事 件处理执行一次，执行完之后，以后再也不会执行,当然重新发起web请求时它又会执行一次。 格式 $(selector).one(event,data,function) 二、实例
jQuery one 特定事件绑定一个一次性的事件
weixin_30852419的博客
02-20 90
one(type,[data],fn)为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。返回值 : jQuery参数 :type (...
jQuery.one() 函数详解
时清云的博客
04-06 1502
one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。 此外，你还可以额外传递给事件处理函数一些所需的数据。 通过one()函数绑定的事件处理函数都是一次性的，只有首次触发事件时会执行该事件处理函数。触发之后，jQuery就会移除当前事件绑定。 此外，你可以为同一元素、同一事件类型绑定多个一次性的事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行
jQuery中绑定事件bind() on() live() one()的异同
10-20
本文主要介绍了jQuery中绑定事件bind() on() live() one()的异同，具有很好的参考价值，下面跟着小编一起来看下吧
解析jQuery的三种bind/One/Live事件绑定使用方法
10-26
本篇文章主要是对jQuery的三种bind/One/Live事件绑定使用方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
jQuery事件绑定和委托实例
11-30
jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。   有时我们可能会像下面这样绑定一个事件： 代码如下:$(“#div1”).click(function() {   alert(...
JQuery中绑定事件（bind()）和移除事件（unbind()）
10-24
本文主要向大家详细介绍了jQuery的绑定事件和移除事件的使用方法和示例分享，这里推荐给有需要的小伙伴们参考下。
jQuery one
weixin_43003949的博客
05-03 154
最近学习热情好差 昨天可算是爬起来看了第一部分 jQuery介绍 js库 avaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的...
jquery事件处理之one方法
if you want to fly,you need to walk step by step
07-05 610
语法格式:one(type,[data],fn) 作用：为所选元素触发仅一次的处理函数type:事件类型 如：click，change等data:传出数据外部数组fn:事件处理函数原始页面效果：事件处理效果：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
JQuery入门——用one()方法绑定事件
liang408015204的专栏
02-02 1699
1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数，其调用的语法格式为：one(type, [data], fn) 其中参数type为事件类型，即需要触发什么类型的事件；参数data为可选参数，表示作为event.data属性值传递给事件对象的额外数据对象；fn为绑定事件时所要触发的函数。 2、示例代码： 其他事件   $(function(){
jquery-事件-on源码
王欢的博客
04-03 2550
谈一下Jquery中的bind(),live(),delegate(),on()的区别？1.bind().bind()直接绑定在相应的DOM元素上，可以解决跨浏览器的问题。 但是对于动态添加的属于匹配到的元素，不会被触发事件的，需要多次绑定，影响效率。$("#niu").bind('click',function(){ alert("hello niuniu"); });2.live()liv
jquery one方法实现
熊猫正尽责
12-17 3312
jquery中有一个方法：one，用途是事件绑定只执行一次就自动解除绑定。源码看了很久头晕，决定自己搞一个。研究了很久，用原生的模拟了一次。我用的名字是once。 最初的方法是这样的： function once(dom, event, callback) { var temp = callback; dom.addEventListener(event, functi
JQuery 运行一次事件处理程序函数 one方法【笔记】
单枪匹码
06-15 302
one()方法为被选元素添加一个或多个事件处理程序，并规定当事件发生时运行的函数。 当使用one()方法时，每个元素只能运行一次事件处理程序函数。 语法：$(selector).one(event,data,function) 函数只运行一次，第一次点击以后字体增加6px，以后点击无效果。 $("p").one("click",function(){ $(this).animate({fontSize:"+=6px"}); }); ...
jQuery：one()方法的使用，只会触发一次事件
weixin_46682277的博客
05-15 238
<p>我只能被触发一次</p> <script> $(function(){ $("p").one("click",function(){ // 只会触发1次就不会再触发了 console.log(1); }) }) </script>
42 jQuery-使用one()方法绑定触发一次的事件
LiGuogang
12-27 369
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------特殊的事件委托（4种）
DcTbnk的博客
04-28 95
一.hover 二.one 三.trigger 四.ready
jQuery的事件处理,jQuery的事件处理、委派、切换的常用方法的使用中遇到的问题及解决办法
最新发布
06-04
解决办法：使用一次性事件绑定方法，如 `.one()` 方法；在绑定事件之前，先解除之前绑定的事件，使用 `.off()` 方法。 3. 事件委派不起作用 解决办法：检查委派事件的父元素是否正确；检查委派事件的子元素是否...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值