事件绑定注意事项

在一个按钮函数中编写其他按钮的事件绑定时会出现多重绑定的问题：

描述：

如下代码，brushtypebtn按钮的click事件upload()函数中，给confirm按钮绑定了click事件，

实际点击时会发现，第一次点击弹出一次警告，第二次点击弹出两次警告，以此类推…

原因: 每次点击brushtypebtn按钮，都会为confirm按钮绑定一个新的click事件，即confirm按钮绑定了多个click事件，每次触发多个事件。

<div class="brushtypebtn" onclick="upload()" ></div>
<div class="confirm">确定</div>

<script>
function upload(){
    $('.confirm').on('click',function(){
        alert("123");
    })
}
</script>

解决方法：先清除绑定，再绑定新的。（jquery清除事件绑定写法更简洁）

代码：

$('.confirm').off('click').on('click',function(){})

 

参考：https://blog.youkuaiyun.com/qq_30114149/article/details/79413432