JS如何阻止事件冒泡

<body><aonclick="aaa(this)"href="#">123123</a><ulid="ul"style="display:none;"><li><ah... <body>
<a onclick="aaa(this)" href="#">123123</a>
<ul id="ul" style="display:none;">
<li><a href = "#">Home</a></li>
<li><a href = "#">PC</a></li>
<li><a href = "#">music</a></li>
<li><a href = "#">I like</a></li>
</ul>
</div>
<script language = "javascript">
var ul=document.getElementById('ul')
function aaa(){
if(ul.style.display=='none'){
ul.style.display='block'
} else{
ul.style.display=='none'
cancelBubble = true;
}
}

</script>
</body>

我想做的效果就是，当点击A链接的时候，ul显示，当点击body的时候ul隐藏，我是初学者，我知道这里面有一个事件冒泡的问题，
请教各位高手，补充一下我的代码，如果可以的话，帮我注释一下我该怎么做。就可以阻止事件冒泡，谢谢。悬赏20分。急急急展开

 我来答

7个回答

#热议# 应届生在签三方时要注意什么？

cc10k
2010-07-09 · TA获得超过545个赞

知道小有建树答主

回答量：203

采纳率：0%

帮助的人：240万

我也去答题访问个人页

关注

展开全部

<body>
<a href="javascript:void(0)" onclick="aaa(event)">123123</a>
<ul id="ul" style="display:none;">
<li><a href = "#">Home</a></li>
<li><a href = "#">PC</a></li>
<li><a href = "#">music</a></li>
<li><a href = "#">I like</a></li>
</ul>
</div>
</body>
<script language = "javascript">
var ul=document.getElementById('ul')
function aaa(evt){
if(ul.style.display=='none'){
ul.style.display='block'
} else{
ul.style.display='none'
cancelBubble(evt);
}
}
function cancelBubble(e)
{
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
}
</script>

已赞过 已踩过<

评论收起

匿名用户
2010-07-09

展开全部

少/了具体哪里自己找咯。。。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JS如何阻止事件冒泡

其他类似问题

为你推荐：