这里的this指的是什么

(

function($) {

var dragSrc;

$(".box").each(function(index, ele) {

$(ele).on("dragstart", function(event) {

dragSrc = this;//这个this

});

$("#container").on("drop", function(e) {

e.preventDefault();

$(this).removeClass("containerDrop");

$(this).append($(dragSrc).find(".line").clone())

}).on("dragover", function(e) {

e.preventDefault();

}).on("dragenter", function(e) {

e.preventDefault();

$(this).addClass("containerDrop");

}).on("dragleave", function(e) {

e.preventDefault();

})

}

)(jQuery)

我理解的是这个this指代的就是每一个box，然后再赋值给dragSrc，为的是下面的container调用drop方法的时候，能够将box里面的.line的克隆内容放置进去，但是我觉得奇怪的就是，为啥不用dataTransfer也可以，我听视频讲将this赋值给dragSrc这种方法也是可以指代数据传递,相当于dataTransfer？我不太明白

西岚Silan 2017-10-13

源自：HTML5拖拽上传 4-3 拖拽问卷（3）

收起

4回答

小丸子爱吃菜回答被采纳获得+3积分 2017-10-13 14:13:52

this永远指向调用它的对象，谁调用它，它指向的就是谁，也可以在控制台里打印一下this，看它的值是什么。

祝学习愉快！

收起回答

西岚Silan 提问者 #1

为啥这里不用dataTransfer？

2017-10-13 15:53:18
西岚Silan 提问者 #2

非常感谢！

2017-10-13 22:36:50

好帮手慕糖 2017-10-15 17:42:04

你好，这里跟循环有关于，你可以尝试把循环中的i赋值给一个变量，因为这里若使用i的话，i就是循环最后得到的数字哟。

祝学习愉快~

收起回答

提问者西岚Silan 2017-10-13 23:16:51

<ul id="card">
<li>招商信用卡</li>
<li>交通信用卡</li>
<li>中信储蓄卡</li>
<li>建行储蓄卡</li>
<li>蚂蚁花呗</li>
<li>余额宝</li>
<li>余额</li>
</ul>

function getAll(e) {
return document.getElementsByTagName(e);
}
var myli = getAll("li");
for (var i = 0; i < myli.length; i++) {
myclick(i);
}

function myclick(i) {
this.onclick = function() {//为啥这个this 指向window对象
console.log(i);
}
}

我把代码贴出来吧

收起回答

小丸子爱吃菜 2017-10-13 16:34:26

课程中老师有讲也可以使用dataTransfer，只是用this是另一种方式来写，你自己也可以使用dataTransfer来写一下试试。

收起回答

提问者西岚Silan #1

我还有个问题，也是this指向问题。按照理论上讲 “this永远指向调用它的对象，谁调用它，它指向的就是谁”，那么我的疑问就是如下：比如我有5个li；然后我循环遍历，点击哪个就打印他的序号； for (var i = 0; i < myli.length; i++) { myclick(i); } function myclick(i) { this.onclick = function() {//为啥这个this 指向window对象 console.log(i); } } 按理说，我这么写，this指向调用他的li，但是实际上我打印出来的都是最后一个序号，我打印出this，发现他指向的是window对象，为啥

2017-10-13 23:13:10