首页 > 代码库 > 44.@鼠标点击页面中的任意标签，alert该标签的名称
44.@鼠标点击页面中的任意标签，alert该标签的名称
1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>鼠标点击页面中的任意标签，alert该标签的名称</title>
6 <style>
7 div {
8 background-color: blue;
9 width: 150px;
10 height: 150px;
11 cursor: pointer;
12 }
13
14 span {
15 background-color: #658050;
16 width: 120px;
17 height: 120px;
18 cursor: pointer;
19 display: block;
20 }
21
22 p {
23 background-color: red;
24 width: 100px;
25 height: 100px;
26 cursor: pointer;
27 }
28 </style>
29 <script type="text/javascript">
30 document.onclick = function (evt) {
31 var e = window.event || evt;
32 var tag = e["target"] || e["srcElement"];
33 alert(tag.tagName);
34 };
35 </script>
36 </head>
37 <body>
38 <div id="div"><span>span</span>div</div>
39 <p>P</p>
40 </body>
41 </html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>鼠标点击页面中的任意标签，alert该标签的名称</title>
<style>
div {
background-color: blue;
width: 150px;
height: 150px;
cursor: pointer;
}
span {
background-color: #658050;
width: 120px;
height: 120px;
cursor: pointer;
display: block;
}
p {
background-color: red;
width: 100px;
height: 100px;
cursor: pointer;
}
</style>
<script type="text/javascript">
document.onclick = function (evt) {
var e = window.event || evt;
var tag = e["target"] || e["srcElement"];
alert(tag.tagName);
};
</script>
</head>
<body>
<div id="div"><span>span</span>div</div>
<p>P</p>
</body>
</html>
44.@鼠标点击页面中的任意标签，alert该标签的名称
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。