1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>@鼠标点击页面中的任意标签，alert该标签的名称</title>
6 <style>
7 body {
8 cursor: pointer;
9 }
10
11 div {
12 background-color: blue;
13 150px;
14 height: 150px;
15 }
16
17 span {
18 background-color: #658050;
19 120px;
20 height: 120px;
21 display: block;
22 }
23
24 p {
25 background-color: red;
26 100px;
27 height: 100px;
28 }
29 </style>
30 <script type="text/javascript">
31 document.onclick = function (eve) {
32 var e = window.event || eve; //获取事件对象
33 var tag = e["target"] || e["srcElement"]; //获取发生事件的那个元素
34 alert(tag.tagName);
35 };
36 </script>
37 </head>
38 <body>
39 <div id="div"><span>span</span>div</div>
40 <p>P</p>
41 </body>
42 </html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>@鼠标点击页面中的任意标签，alert该标签的名称</title>
<style>
body {
cursor: pointer;
}
div {
background-color: blue;
150px;
height: 150px;
}
span {
background-color: #658050;
120px;
height: 120px;
display: block;
}
p {
background-color: red;
100px;
height: 100px;
}
</style>
<script type="text/javascript">
document.onclick = function (eve) {
var e = window.event || eve; //获取事件对象
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>