zoukankan      html  css  js  c++  java
  • target与currentTarget的区别

    我的理解在下面的代码中显示,currentTarget比target来的更具体些,点那个就是哪个

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>target与currentTarget区别</title>
        <style>
            #box{
                 500px;
                height: 200px;
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <div onclick="getClick(event)" id="box">
            <h1 onclick="getClick(event)" id="boxh">我是h1标签</h1>
        </div>
        <script>
             var box = document.querySelector('#box');
             var boxh = document.querySelector('#boxh');
             function getClick(event){
                 a = event.currentTarget;
                 b = event.target;
                 alert("currentTarget 指向: " + a.id + ", target指向:" + b.id)
             }
        </script>
    </body>
    </html>
    

      

  • 相关阅读:
    Oracle分页查询
    Oracle表空间
    Oracle中DBA常用操作
    数据库的约束
    数据库设计的三范式
    数据类型的比较 有四种情况
    github快速上手
    3D正方体做法
    animation-声明关键帧
    轮播图样式
  • 原文地址:https://www.cnblogs.com/lzq035/p/7966769.html
Copyright © 2011-2022 走看看