码迷,mamicode.com
首页 > 其他好文 > 详细

e.target和e.currentTarget

时间:2017-11-26 11:08:49      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:event   height   listen   程序   ddd   function   cli   简单的   this   

e.currentTarget : 其事件处理程序当前正在处理事件的那个元素 

e.target : 事件的目标 

一个简单的例子:

<div id="vv" style="background: #000;height:100px">
    <p style="background: orange;height: 50px">ddddd</p>
</div>
<script>
    var btn = document.getElementById(‘vv‘)
    btn.addEventListener(‘click‘,function (event) {
        console.log(this)
        console.log(event.target)
        console.log(event.currentTarget)
    })
</script>

点击p的时候 打印出来的是  div/p/div
点击div的时候 打印出来的是 div/div/div

 

e.target和e.currentTarget

标签:event   height   listen   程序   ddd   function   cli   简单的   this   

原文地址:http://www.cnblogs.com/leijuan/p/7898007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!