44.@鼠标点击页面中的任意标签，alert该标签的名称

 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>

View Code

<!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>