原生js中stopPropagation,preventDefault,return false的区别

标签：style   blog   http   io   color   ar   使用   sp   strong   

1、stopPropagation:阻止事件的冒泡，但不阻止事件的默认行为。

最好莫过于用例子说明：

2、preventDefault:阻止事件的默认行为，但不阻止冒泡。

在FF，chrome，Safari，opera有效：

在IE有效：

浏览器执行，会弹出li,ul,div的弹出框，但不会跳转。

3、return false:看到网上说return false会阻止事件的冒泡，但是应该要看定义事件使用的是什么方式

若使用a.onclick或a.attachEvent,则 return false会阻止默认行为；

若使用a.addEventListener,则return false 不会阻止默认行为；

因此，使用原生js时，若要阻止默认行为，最好还是用event.preventDefault（针对非IE）或event.returnValue=false（针对IE）来设定。

若使用的是jquery，return false 即会阻止默认行为，也会阻止事件的冒泡。在jquery中，一般使用return false.

原生js中stopPropagation,preventDefault,return false的区别

标签：style   blog   http   io   color   ar   使用   sp   strong   

原文地址：http://www.cnblogs.com/wmmang-blog/p/4071359.html