js中event的target和currentTarget的区别


js中的event对象包含很多有用的信息

target:触发事件的元素。

currentTarget:事件绑定的元素。

两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:

  <ul id="ulT">
                <li class="item1">fsda</li>
                <li class="item2">ewre</li>
                <li class="item3">qewe</li>
                <li class="item4">xvc</li>
                <li class="item5">134</li>
     </ul>
  <script type="text/javascript">
        document.getElementById("ulT").onclick = function  (event) {
            console.log(event.target);
            console.log(event.currentTarget);
        }
    </script>

如果点击li,console上的情况如下:

<li class="item5">------target

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM