您的位置：首页 > Web前端

请实现，鼠标点击页面中的任意标签，alert该标签的名称．（注意兼容性）

2014-05-13 14:46 363 查看
<!DOCTYPE html>  

<html  onClick="doThing(event)">  

<head>  

<title> 阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）</title>  

<meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" />  

<script type="text/javascript">  

function doThing (evt) {   

var ee=(evt)?evt:window.event;  

var e=(ee.target)?ee.target:ee.srcElement;

 alert(e.nodeName);  

}  

</script>  

</head>  

<body>  

<div  style="width:850px;background-color:yellow">  

<p>This is  p.</p>  

<div   style="width:600px;background-color:orange">  

<p>This is p.</p>  

</div>  

<p>This is  p.</p>  

</div>  

<br />  

<div  style="width:850px;background-color:cyan;">  

<p>This is  p.</p>  

<div   style="width:600px;background-color:lightblue;">  

<p>This is p.</p>  

</div>  

<p>This is  p.</p>  

</div>  

</body>  
</html>

有时候我们会觉得js里面的事件冒泡非常的讨厌，同时有时候，我们可以使用事件的冒泡来提高性能，使代码变得简洁！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  js 事件冒泡 web前端
相关文章推荐
新的分享
章节导航