javascript-event.target

最新推荐文章于 2022-11-09 21:00:56 发布

弯月liang

最新推荐文章于 2022-11-09 21:00:56 发布

阅读量586

点赞数

分类专栏：前端文章标签： js javascript

原文链接：https://www.jianshu.com/p/29cbd64acd92

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #main {
                width: 200px;
                height: 100px;
                background: pink;
                color: #fff;
            }
        </style>
        <script type="text/javascript">
          //IE是把event事件对象作为全局对象window的一个属性；可以使用event或window.event来访问；
          //FireFox和Chrome等主流浏览器是通过把【事件对象】作为【事件响应函数】的【参数】进入传入的；
          //兼容性的写法示例：
          
          window.onload = function() {
              document.getElementById("main").onclick = function(e) {
                e = e || window.event;
                
                console.log(e);
                console.log('---------------------');
                

                console.log(e.target);//<div id="main" class="sb js node"><span>测试文字</span></div>
                console.log(e.target.id);//main
                console.log(e.target.tagName);//DIV
                console.log(e.target.nodeName);//DIV
                console.log(e.target.classList);// ["sb", "js", "node", value: "sb js node"]
                console.log(e.target.className);//sb js node
                console.log(e.target.innerHTML);//<span>测试文字</span>
                console.log(e.target.innerText);//测试文字
              }
          }
        </script>
    </head>

    <body>
        <div id="main" class="sb js node"><span>测试文字</span></div>
    </body>

</html>

弯月liang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript-event.target

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #main { width: 200px; height: 100px; .
复制链接

扫一扫