javascript 事件绑定。

原创于 2015-08-19 23:06:33 发布 · 498 阅读

CC 4.0 BY-SA版权

9 篇文章

订阅专栏

本文探讨了JavaScript中DOM操作时事件绑定的问题，介绍了两种常见的事件绑定方法：直接绑定到DOM元素和通过document查找元素绑定事件。后者能有效解决动态生成DOM元素时事件丢失的问题。

在js中操作dom时，会出现某个某个元素新增或删除的情况，绑定在dom上得事件要重新绑定。比如写法

$(".del-btn").on("click", function(){

})

<pre name="code" class="javascript">$(".update-btn").on("click", function(){

})

当新增一个.class的元素时就需要重新绑定。

另一个写法是通过绑定document，在document下查找元素绑定事件。写法为

var doc = document;
$(doc).on("click", ".del-btn", function(){
})
$(doc).on("click", ".update-btn", function(){
})

这样绑定的写法，再次加一个class=del-btn的话就不需要再重新绑定了。
使用局部变量定义document为了避免每次都去查找全局变量document。