javascript如何给每一个子元素都绑定点击事件?

JavaScript04

javascript如何给每一个子元素都绑定点击事件?,第1张

绑定事件你写对了呀?但是前提你必须引用js。

我们元素绑定一个事件

href="javascript:addPanel('userpage')"

那下面就必须要有一个

当然我们也不一定要这样也可以

$('#ControlId').click()....

在写一个项目,有一个触发编辑按钮才会出现编辑板块,然后编辑板块中有点击添加的事件。当保存编辑,编辑板块消失。再次点击编辑,再点击添加,会触发多次,生成多个模块。

经过多次反复痛苦的调试,发现是在点击编辑后调用的函数中绑定了添加的事件,当再次点击编辑时,会重复绑定,所以会出现触发多次的bug。

解决方法就是在绑定之前先解绑。

这样就可以解决了。jquery中还有很多类似的处理,比如说运行一个动画前先将之前的动画stop()掉。

不过在解绑事件时最好将具体的元素写入,因为在事件委托时,不写明具体,解绑会将所有事件解绑

上述例子只会触发alert(3),因为点击btn1时,解绑了所有在body上的click事件,只会调用在最后绑定的alert(3)。

应该写成

可以在按钮元素上增加事件属性onclick,属性内写你要执行的代码或函数。

也可以在代码中直接绑定事件,如通过querySelector等查找到元素后,在元素上直接加onclick事件。

还可以通过事件指派,绑定事件在按钮上面。