简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

Jquery on绑定的事件 触发多次实例代码

高洛峰
发布： 2017-01-04 14:09:58
原创
1667 人浏览过

用‘on'函数为一个新增的按钮绑定了一个事件，这是事件会触发多次。

<html> 
<head> 
  <meta name="viewport" content="width=device-width" /> 
  <title>码上飘</title> 
  <script src="/FrontStyle/js/jquery-1.11.2.min.js" type="text/javascript"></script> 
  <script> 
    $(function(){ 
      $(&#39;#btn1&#39;).click(function () { 
        $(&#39;#btnBind&#39;).on(&#39;click&#39;,function () { 
          alert(123); 
        }); 
      }); 
    }) 
  </script> 
</head> 
<body> 
<input id="btn1" type="button" value="确认" /> 
<input id="btnBind" type="button" value="绑定按钮" /> 
</body> 
</html>
登录后复制

如上面的代码，如果你点击多次'btn1'按钮，那么就会绑定多少次click事件到'btnBind'按钮上，on是绑定多少次就触发多少次的。

解决方案：

1.要想它只绑定一次，可以先'off'解绑然后再'on'。

$(&#39;#btnBind&#39;).off(&#39;click&#39;).on(&#39;click&#39;,function () { 
  alert(123); 
});
登录后复制

2.执行一次后解绑unbind()

$(&#39;#btn1&#39;).click(function () { 
    $(&#39;#btnBind&#39;).on(&#39;click&#39;,function () { 
      alert(123); 
    });<BR>     $("#btnBind").unbind("click") 
});
登录后复制

以上这篇Jquery on绑定的事件 触发多次实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多Jquery on绑定的事件 触发多次实例代码相关文章请关注PHP中文网！


相关标签：
jquery on 多次触发
来源：php.cn
上一篇：jQuery-mobile事件监听与用法详解 下一篇：浅谈jQuery hover(over, out)事件函数
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Laravel Inertia JS Flash 消息仅显示一次 因为InertiaJS不会刷新相同的路由组件，所以无论你从后端传递多少次消息，诸如闪现消息之类的东西都只会显示一次。我尝试了所有方法，但没有任何效果，我所需要的只是在执行相同操作失...
来自于 2023-11-03 12:33:50
0
1
342
浏览器的"F5"和"Ctrl + F5"刷新会产生哪些请求？ F5和Ctrl+F5在网络浏览器中触发的操作是否有标准？我曾经在IE6和Firefox2.x中做过实验。F5刷新将触发发送到服务器的HTTP请求，其中包含If-Modified-S...
来自于 2023-10-11 10:38:51
0
2
222
无法在 AJAX 成功中调用函数 我无法在Ajax中成功使用大多数jQuery。我试图让响应中的错误消息出现在我的通知（toast）div中，但是除了.show()和.hide()之外我尝试的任何内容都不会工作。我...
来自于 2023-09-02 13:54:42
0
2
278
十分感谢PHP中文网，第一次看直播有书籍 第一次接触PHP中文网是在搜索引擎上点击进来的，发现课程很好，还有很多免费的课程，PHP中文网真好，哈哈，感谢PHP中文网
来自于 2018-11-19 13:50:44
0
1
643
javascript - jquery .on('click',function(event){})可以改成鼠标经过触发么 jquery .on('click',function(event){})可以改成鼠标经过触发么
来自于 2017-06-26 10:58:35
0
4
668
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！