                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

还是不懂这个问题

为什么要用e.target,value,而不用$(this)

唯尔半截湘妃

2016-08-30

源自：jQuery基础(三)—事件篇 3-2

关注问题我要回答

959

操作

收起

6 回答

timicoder 回答被采纳 +3 积分
2016-09-05

楼主很细心嘛，学习了。去查了一下资料，currentTarget、target和this

currentTarget 返回其事件监听器触发该事件的元素。

target 返回触发此事件的元素（事件的目标节点）。

this 我觉得this==currentTarget。

下面是我的demo

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div id="div1" style="width:200px;height:200px;border:1px solid red;">
        <input type="button" id="btn" style="width: 100px;height:30px;border:1px solid blue;">
    </div>
    <script>
        $("#btn").click(function(ev){
            console.log("currentTarget"+"-----"+ev.currentTarget);
            console.log("target"+"---------"+ev.target);
            console.log("this"+"-----"+this);
            console.log("------------------------------");
        })
        $("#div1").click(function(ev){
            console.log("currentTarget"+"-----"+ev.currentTarget);
            console.log("target"+"---------"+ev.target);
            console.log("this"+"-----"+this);
        })
    </script>
</body>
</html>