Js基础15:事件绑定

JavaScript013

Js基础15:事件绑定,第1张

入口函数(window.onload)

window.onload 方法用于在网页加载完毕后立刻执行的操作。

BOM介绍

window对象 :是浏览器的顶级对象,全局对象。

1、Location 对象

重点掌握:

重写location.href可以跳转页面

2、History 对象

代码示例:

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

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

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

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

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

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

应该写成