关于阻止事件e.stopPropagation()和e.preventDefault()的使用

e.preventDefault()    阻止事件默认行为


设置e.preventDefault()后点击时无效。




e.stopPropagation();     阻止事件冒泡

简单写个冒泡事件:

执行点击后我们会发现:先弹出 ‘ 冒泡1 ’  -->  再弹出‘ 冒泡0 ’

从下到上 由里到外,事件依次触发就是事件冒泡。


如果我们不想让事件冒泡,就在底部事件函数后加上e.stopPropagation();


这样点击时,就会阻止‘ 冒泡0 ’的弹出。



文章最后顺想起了 return false(个人用的比较少)

return false除了阻止默认行为之外,还会阻止事件冒泡。

当时在一篇文章上看到(em..忘记在哪里看到的了),jQ的源码有一部分就是:

if (ret===false){

  event.preventDefault();

  event.stopPropagation();

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。