e.target和e.currentTarget区别

直接上代码：

body里：

   <div id="father">

      father

      <div id="son">

        son

      </div>

   </div>

js：

<script type="text/javascript">

        let fa = document.getElementById('father');

        let son = document.getElementById('son');

        fa.addEventListener('click', e => {

          console.log(e.target)

          console.log(e.currentTarget)

        })

</script>

运行结果：

点击fa元素：

点击son元素：

结论：

target: 触发事件的对象，谁触发谁命中。

currentTarget: 绑定事件的对象，恒等于this，等于addEventListener前面的元素

巴特西

e.target和e.currentTarget区别

最新文章

热门文章