发表于: 2017-06-13 23:24:35

1 1194


一、今天完成的事情

今天准备小课堂,主题:如何阻止事件冒泡和默认事件?效率比第一次准备的好多了,一天就可以完成。看了别的学院写的,感觉写的太简单了,就自己重新写,网上查了一些资料,写了几个demo。感觉还不错。重点讲了冒泡机制和如何阻止事件冒泡。


二、明天计划的事情

写首页banner,和最新职位列表。


三、遇到的问题

1. 如何阻止事件冒泡?

1DOM中提供stopPropagation()方法,但IE不支持,使用event对象在事件函数中调用就行

2IE中提供的是,cancelBubble属性,默认为false,当它设置为true时,就是阻止事件冒泡,也是用event对象在事件函数中调用

3jQuery中提供了stopPropagation()方法来停止事件冒泡,当需要时,只需用用event对象来调用就行,即event.stopPropagation();

2. 如何阻止默认行为?

1DOM中提供preventDefault()方法来取消事件默认行为,但是只有当cancelable属性设置为true的事件,才可以使用preventDefault()来取消事件默认行为,使用event对象在事件函数中调用就行。

2IE中提供的是returnValue属性,默认为true,当它设置为false时,就是取消事件默认行为,也是用event对象在事件函数中调用

3jQuery中提供了preventDefault()方法来阻止元素的默认行为,只需要用event对象来调用就好,即event.preventDefault()

3. 如何同时阻止事件冒泡和默认行为?

如果想同时对事件对象停止冒泡和默认行为,可以在事件处理函数中返回false。这是对事件对象同时调用stopPropagation()方法和preventDefault()方法的一种简写方式。


四、收获

学习了如何阻止事件冒泡和默认事件。



返回列表 返回列表
评论

    分享到