<
a onclick=
"toggleFriendFuncList(event, '6708062', 'he');"
></
a>
由于href是空值,如果不阻止浏览器的默认行为,产生的效果就是刷新页面。
现在我们需要做的就是阻止href的链接事件,而去执行onclick事件。
老的处理方式
<
a onclick=
"toggleFriendFuncList(event, '6708062', 'he');"
href=
"javascript:void(0);"
></
a>
|
js的写法:
1)停止冒泡的写法
//如果提供了事件对象,则这是一个非IE浏览器
if
(
e &
amp;&
amp;
e.stopPropagation
)
// 因此它支持W3C的stopPropagation()方法
e.stopPropagation
(
)
;
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event
.cancelBubble
=
true
;
return
false
;
|
2)阻止浏览器的默认行为
//如果提供了事件对象,则这是一个非IE浏览器
if
(
e &
amp;&
amp;
e.preventDefault
)
//阻止默认浏览器动作(W3C)
e.preventDefault
(
)
;
else
//IE中阻止函数器默认动作的方式
window.event
.returnValue
=
false
;
return
false
;
|
jquery的写法:
1)return false
:In event handler ,prevents default behavior and event bubbing 。
return false 在事件的处理中,可以阻止默认事件和冒泡事件。
2)event.preventDefault()
:In event handler ,prevent default event (allows bubbling) 。
event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。
3)event.stopPropagation()
:In event handler ,prevent bubbling (allows default behavior).
event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生
prototype的写法:
Event.stop(event)
用法介绍:
事件发生后,浏览器通常首先触发事件发生元素上的事件处理程序,然后是它的父元素,父元素的父元素……依此类推, 直到文档的根元素为止。这被称为 事件冒泡,是事件传播的最常见的方式。当处理好一个事件后, 你可能想要停止事件的传播,不希望它继续冒泡。
当你的程序有机会处理事件时,如果这个事件具有 默认行为,同时浏览器也会处理它。例如,点击导航链接、 将表单提交到服务器、在一个单行文本框中按下回车键等等。如果对这些事件你定义了自己的处理方式, 可能会非常希望阻止相关的默认行为。
分享到:
相关推荐
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....
停止冒泡通用方法: function stopBubble(e) { //如果提供了事件对象,是非IE浏览器 if ( e && e.stopPropagation ) //使用W3C的stopPropagation()方法 e.stopPropagation();... //阻止默认浏览器动作(W3C) if
1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) ...即停止默认事件默认行为. //阻止浏览器的默认行为 functi
阻止浏览器的默认事件和冒泡事件.用onbeforeunload事件。无论快捷键还是点击菜单的刷新,都会有提示,关闭页面时也会出现。
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1. 阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e &&...
js阻止默认浏览器行为与冒泡行为的实现代码.docx
jquery阻止事件冒泡jquery阻止事件冒泡jquery阻止事件冒泡
阻止滚动条事件mousewheel冒泡,当网页内部元素滚动条到顶或底时不触发浏览器窗口的滚动条事件。
一种解决事件冒泡的方法,有较好的浏览器兼容性,具体思路参见文档: http://blog.csdn.net/ivyandrich/article/details/22041933
jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...
下面小编就为大家带来一篇浅谈jQuery 中的事件冒泡和阻止默认行为。小编举得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
js阻止冒泡及jquery阻止事件冒泡示例介绍.docx
事件的冒泡 什么是事件的冒泡? 就是事件从子元素向父元素传递的一个过程 ...如何阻止事件的默认行为? 方式一:在事件的回调函数中加上return false; 方式二:在事件回调函数的形参列表中添加event
主要为大家详细介绍了js阻止冒泡和默认事件,即默认行为,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
javascript事件冒泡,事件捕获和事件委托详解 1、事件冒泡:在javascript事件传播过程中,当事件在一个元素上出发之后,事件会逐级传播给先辈元素,直到document为止,有的浏览器可能到window为止。并不是所有的...