美文网首页
js动态生成html重复绑定事件失效

js动态生成html重复绑定事件失效

作者: wuxuan94 | 来源:发表于2017-11-21 18:35 被阅读0次

在js里面,click事件是存在重复绑定的情况的
比如说,一个函数会执行多次,你每次都把绑定了click事件,那么他就会累加
点一次相当于点了好几次

还有就是对于动态生成的html如果append到某个div上面
原有的绑定的click事件是不生效的,需要重新绑定
解决方法:
1.尽量避免动态生成的html
2.在动态生成html的同时绑定事件,这种情况也会出现重复绑定失效问题

$("...").unbind('click');
$("...").on('click',function(){});

相关文章

  • js动态生成html重复绑定事件失效

    在js里面,click事件是存在重复绑定的情况的比如说,一个函数会执行多次,你每次都把绑定了click事件,那么他...

  • js绑定事件到动态生成的html

    正常情况下绑定点击事件可能是这样的: 现在有一段动态生成的html,需要绑定事件 用上面的方法就失效了,因为绑定事...

  • jQuery 动态绑定

    这是在项目过程中所遇到的一个问题,给 JS 动态生成的元素绑定事件失效,代码如下所示: 其中,more-btn 按...

  • vue动态生成html事件失效

    背景    项目开发中有这样一个需求,地图(高德)标记点点击需要展示标点信息框,标点信息框中有个点击详情的按钮,按...

  • js为动态生成/添加的元素绑定事件

    有一段时间没有写js代码了,今天就说说js为动态生成/添加的元素绑定事件。 原理: 定位到需要绑定的元素(重点)-...

  • 前端学习笔记--vue 动态生成 v-model

    核心: 创建一个空的数组 v-model绑定 动态生成v-modal 代码: html部分 : js部分: 参考:...

  • 给标签绑定js事件

    给验证码绑定更换验证码的js事件:html: js: 或者: html: js:

  • js事件

    JS事件 事件绑定方式 事件对象 事件传播流 事件代理 一、事件绑定方式 方式一:通过HTML标签行间属性内绑定 ...

  • jQuery和zepto

    1, 有jQuery动态生成的dom, 需要用live绑定事件, 或者用on live绑定: on绑定: 要绑定到...

  • JS三个事件绑定方法

    1. JS三个事件绑定方法 1.1. 使用html进行事件绑定 1.直接在html标签上写入事件类型和事件处理方法...

网友评论

      本文标题:js动态生成html重复绑定事件失效

      本文链接:https://www.haomeiwen.com/subject/bogwvxtx.html