阻止冒泡事件的三种方法总结
2017-09-27 15:29
836 查看
1.event.stopPropagation();
事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转)
2.return false;
事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转)
3.event.preventDefault();
如果把它放在头部A标签的click事件中,点击“点击我”。
会发现它依次弹出:我是最里层---->我是中间层---->我是最外层,但最后却没有跳转到百度
它的作用是:事件处理过程中,不阻击事件冒泡,但阻击默认行为(它只执行所有弹框,却没有执行超链接跳转)
事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转)
2.return false;
事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转)
3.event.preventDefault();
如果把它放在头部A标签的click事件中,点击“点击我”。
会发现它依次弹出:我是最里层---->我是中间层---->我是最外层,但最后却没有跳转到百度
它的作用是:事件处理过程中,不阻击事件冒泡,但阻击默认行为(它只执行所有弹框,却没有执行超链接跳转)
相关文章推荐
- js冒泡、捕获事件及阻止冒泡方法详细总结
- js冒泡、捕获事件及阻止冒泡方法详细总结
- jquery的冒泡事件的阻止与允许(三种实现方法)
- jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
- js冒泡/捕获事件及阻止冒泡方法详细总结
- jQuery的的方法阻止冒泡和默认的事件(三种方法)
- Html 中阻止事件冒泡的三种方法比较
- js冒泡、捕获事件及阻止冒泡方法详细总结
- jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
- jquery的冒泡事件的阻止与允许(三种实现方法)
- JS,Jquery中事件冒泡以及阻止事件冒泡方法
- JS阻止事件冒泡的3种方法之间的不同
- JS事件冒泡及阻止冒泡3种方法之间的不同
- 阻止事件冒泡方法
- JS阻止事件冒泡行为和闭包的方法
- js阻止事件冒泡的两种方法
- JS阻止事件冒泡的3种方法之间的不同
- JS阻止事件冒泡的3种方法之间的不同
- javascript事件冒泡详解和捕获、阻止方法
- JS阻止事件冒泡的3种方法之间的不同