只执行一次的事件one(“事件名”，function(){}) 和可多次执行的事件bind(“事件名”，function（){})

最新推荐文章于 2022-08-05 21:30:44 发布
最新推荐文章于 2022-08-05 21:30:44 发布
阅读量3.5k 收藏
点赞数
分类专栏： JavaScript 文章标签： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fanbin168/article/details/14054159
版权 
<!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>
    <title>hover的用法</title>
    <script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#butt").one("click", function () {
                alert("这个click事件只执行一次");
            })
        })

        $(function () {
            $("#butt1").bind("click", function () {
                alert("这个click事件可以无限次执行");
            })
        })
    </script>
      

</head>
<body>

<input id="butt" type="button" value="提交" />
<input id="butt1" type="button" value="提交" />

</body>
</html>

无盐海
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery事件多次绑定与解绑问题实例分析
10-17
当一个元素的同一个事件被多次绑定时，执行的效果是这些绑定的事件处理函数会依次按绑定的顺序执行。例如： ```html ()" /> ``` ```javascript $(document).ready(function () { $("#btnAdd").click(function () ...
jQuery使用bind函数实现绑定多个事件的方法
10-19
`bind`函数是jQuery中用于绑定事件处理程序的一个重要方法，它允许我们为一个或多个事件添加监听器。本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先，`bind`函数的基本语法如下： ```...
只执行一次的事件绑定函数
qq_31318983的博客
08-15 1863
概览 在前端开发中，有时会希望事件只被调用一次。比如，点击一张缩略图加载视频文件或点击“更多”图标通过AJAX展示额外的内容。 当多次点击的时候，事件处理函数会被调用多次，这会造成浏览器多次加载不必要的资源。更坏的情况可能会导致无法预期的事情发生。 使用JavaScript可以很容易的实现只绑定一次的事件。步骤如下： （1）定义事件处理函数，比如点击事件处理函数 （2）点击元素执行事件处理函数 （...
解决jquery使用on()方法绑定事件被执行多次的问题
web前端开发
03-21 838
jQuery用on()方法绑定了事件之后，在代码执行过程中，可能会遇到事件被多次执行的情况。本来以为是事件冒泡的问题，后来发现是on()方法的特性引起的问题。简单还原一下问题的场景这里简单...
使用one方法实现事件的一次性绑定
xiaozhuangyumaotao的博客
06-25 453
one方法格式：one(eventName,[data],fn) one方法功能：有时候，只希望事件执行一次，而又不想使用off()等函数解除事件绑定，这时候可以使用one(),为每一个匹配元素的特定事件绑定一个一次性的事件处理函数 参数解释： eventName：事件名称，如click data:传给回调函数fn的参数，通过fn的事件参数.data.xxx来获取 代码举例，html结构： <!doctypehtml> <html> <head> <.
jQuery中让点击事件只触发一次（$("").one("click",function(){});）
06-08 966
有时候该按钮要求只能进行一次点击操作，又不想通过代码逻辑来处理，判断次按钮是否被触发过，就可以用这个小技巧来写 jQuery代码 $(function () { 　　$(":button").one("click", function () { //事件只触发一次 　　　　alert("dianle") 　　}...
javascript attachEvent绑定多个事件执行顺序问题
12-12
常见的绑定事件有直接绑定在页面元素中比如”wrap” xss=removed>，这个换种方法也就是分离出来写在js代码里如document.getElementById(‘wrap’).onclick = function(){a();}，此时如果需要绑定多个方法则直接写在...
JQuery中Bind()事件用法分析
10-24
此外，jQuery还提供了`.one()`方法，用于只执行一次的事件绑定，这对于一次性操作特别有用。 总之，`bind()`方法是jQuery中处理事件的基础，它为开发者提供了灵活的事件处理能力，可以方便地管理DOM元素的交互行为...
用js实现或者once事件修饰符保证按钮只能点击一次（用于提交数据或操作数据库时）
H-rosy的博客
08-05 5961
今天在使用添加按钮添加记录突然添加了好几条记录，把我都看呆了。今天我分享两种方法：使用@click.once实现button只能点击一次，适用于提交表单记录或者进行数据库的操作确定。自定义方法可以写下一个js文件中实现复用。这是参考一位大佬的文章，但是觉得在具体使用上不够小白，于是我就用自己的例子来演示一下下。.........
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
10-27
one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,感兴趣的朋友可以了解下它的调用语法为:one(type, [data], fn),阅读本文或许有意外的收获呢
JQuery事件绑定函数one:绑定的事件处理函数只会被执行一次
aty
01-27 1万+
JQuery绑定事件处理函数，有两种方式(方式1和方式2)是最常用的，方式3使用的较少。 方式1： $("#button").click(function(){ }); 这种方式很简单，也是平时编码最常用的做法。HTML中原始的事件，如onclick、onmouseover、onkeypress等，JQuery对名称进行了简单的封装，如onclick与JQuery的click对应，on
js onclick点击事件只执行一次
LLL_liuhui的博客
09-08 1万+
 1、html &lt;p onclick="expandComcode()" &gt;点击&lt;/p&gt; 2、js var flag = true; function expandComcode(){ if(flag){ $.ajax({ type: "get", url:...
jQuery 只执行一次的事件 one
热门推荐
shuai的博客
04-14 1万+
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery.min.js" ></script> <title>&l...
JS的事件多次触发，只执行最后一次
weixin_30681615的博客
03-01 899
有时候我们在JS编程的过程中经常遇到一个问题就是事件频繁高速被触发，利用计时器来控制频率又会丢弃掉有用的事件，我们只是想让程序执行最后一次的事件，那么就可以用如下方法解决问题 //写在事件外边，防止被注销 var iTime; //写在事件内部 clearTimeout(iTime); iTime = setTimeout(function () { ...
jQuery.one() 函数详解
时清云的博客
04-06 1515
one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。 此外，你还可以额外传递给事件处理函数一些所需的数据。 通过one()函数绑定的事件处理函数都是一次性的，只有首次触发事件时会执行该事件处理函数。触发之后，jQuery就会移除当前事件绑定。 此外，你可以为同一元素、同一事件类型绑定多个一次性的事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行
tkinter 自动触发一次点击事件
最新发布
08-09
`event_generate()`方法允许我们手动创建、生成一个事件，并将其触发。 首先，我们需要创建一个函数来处理点击事件。在该函数中，我们可以编写需要执行的代码。例如，我们设置一个按钮，当点击它时，会在控制台打印...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值