currenttarget

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2019-09-30 10:15:29

同学你好,1、target始终指向触发该事件的元素;而currentTarget则指向当前事件处理函数绑定的元素。

2、当前我们这个例子不能特别明显的区分,我们可以将事件设置给body,点击里面的元素的时候,由于冒泡,也会触发body绑定的这个点击事件,但是两个输出的结果是不同的哦。例:

http://img1.sycdn.imooc.com//climg/5d9164f1096672d705620421.jpg

然后点击p的时候,currentTarget得到的是绑定点击事件的元素body。

而target指向触发事件的远p,可以测试下哦。

http://img1.sycdn.imooc.com//climg/5d9164fb095f7e0803810079.jpg

希望能帮助到你,祝学习愉快!

好帮手慕糖 2019-06-28 10:33:31

同学你好,event.currentTarget 属性是在事件冒泡阶段内的当前 DOM 元素,通常等于 this。可以参考如下例子理解下哦,例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function() {
        $("h1,h2,p").click(function(event) {
            console.log(event.currentTarget);
        });
    });
    </script>
</head>
<body>
    <h1>标题 1</h1>
    <h2>标题 2</h2>
    <p>点击每一个 HTML 元素。</p>
</body>
</html>

希望能帮助到你,祝学习愉快!

  • 请问和target有什么明显区别吗,试了一下这个例子好像是一样的
    2019-09-30 00:53:37
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师