怎样停止这个事件向下冒泡

hansonboy 2009-11-20 11:23:36
<div onclick="alert('p')">
<a href="http://www.csdn.net" target="_blank">csdn</a>
</div>
这样的结构,我想点击a连接时只弹出http://www.csdn.net的连接,不再执行alert('p')这个事件,如果直接停止a连接的onclick事件向下冒泡会连A连接本身的连接都打不开,有什么办法可以解决
...全文
189 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
hometohome 2009-11-20
  • 打赏
  • 举报
回复
正解如下,本人使用中,兼容ie,ff
<script>
function stopBubble(e) {
if ( e && e.stopPropagation )
e.stopPropagation();
else
window.event.cancelBubble = true;
}
function stopDefault( e ) {
if ( e && e.preventDefault )
e.preventDefault();
else
window.event.returnValue = false;
return false;
}
</script>

<div onclick="alert('p')">
<a href="http://www.csdn.net" target="_blank" onclick="stopBubble(event)">csdn </a>
</div>
xiangtanboy 2009-11-20
  • 打赏
  • 举报
回复
<div onclick="if(event.srcElement==this)alert('p')">
<a href="http://www.csdn.net" target="_blank">csdn </a>
</div>
xiaofan_sap 2009-11-20
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 parss 的回复:]
改成以下内容试试
HTML code<divonclick="alert('p')"><ahref="#" onclick="javascript:location.href='http://www.csdn.net';return false;">csdn</a></div>
[/Quote]
up
parss 2009-11-20
  • 打赏
  • 举报
回复
改成以下内容试试

<div onclick="alert('p')">
<a href="#" onclick="javascript:location.href='http://www.csdn.net';return false;">csdn </a>
</div>
liang_A 2009-11-20
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 hometohome 的回复:]
正解如下,本人使用中,兼容ie,ff
<script>
function stopBubble(e) {
if ( e && e.stopPropagation )
e.stopPropagation();
else
window.event.cancelBubble = true;
}
function stopDefault( e ) {
if ( e && e.preventDefault )
e.preventDefault();
else
window.event.returnValue = false;
return false;
}
</script>

<div onclick="alert('p')">
<a href="http://www.csdn.net" target="_blank" onclick="stopBubble(event)">csdn </a>
</div>

[/Quote]

正解

87,917

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧