老师，请帮忙解答以下两个问题。

e.target换成this为什么不可以，不都是指向调用事件的元素吗？
向我这样写，直接给container传id可以吗？

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html5拖拽</title>
 
<style>
.container{
width:200px;
height: 200px;
background: yellow;
}
.aloha{
width:100px;
height: 100px;
background: pink;
}
</style>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
</head>
<body>
<div class="container" id='container' ondrop="drop(event)" ondragover="dragover(event)"></div>
<div class="aloha" id='aloha' draggable='true' ></div>
 
<script>
 
var drop=function(e){
e.preventDefault();
 
 
e.target.appendChild(document.getElementById("aloha"));
}
var dragover=function(e){
e.preventDefault();
 
}
</script>
</body>
 
</html>

aleeeeex 2019-01-11

源自：HTML5拖拽上传 3-2 HTML5拖拽语法的小案例

0

收起

5回答

好帮手慕星星回答被采纳获得+3积分 2019-01-14 19:11:31

如果使用jquery是不需要设置this参数的，因为不绑定在标签中。和你上传的js代码一样，只使用e参数即可，如下：

aleeeeex 提问者 #1

明白了，谢谢老师，还有一个问题，为什么e参数就必须要传？

2019-01-15 11:47:17
好帮手慕星星回复提问者 aleeeeex #2

也可以不传参数，就需要使用window下的event对象，也就是event.target.appendChild()。其实e参数就是event，传参数就是用参数，没有传参数就使用event。可以在‘小燕壮士’老师提供的课程中进行学习。

2019-01-15 13:34:24
aleeeeex 提问者回复好帮手慕星星 #3

明白，谢谢老师。

2019-01-15 16:48:56

Miss路 2019-01-14 17:41:00

这个课的这个小节：

祝学习愉快！

提问者 aleeeeex #1

啊哈哈老师我还没学到这个，不过还是谢谢老师。

2019-01-14 17:53:19

好帮手慕星星 2019-01-14 17:36:29

ele自己定义的，但是位置上需要与传入的实参对应上：

提问者 aleeeeex #1

那如果我是用jquery,直接就用$('.container').on('drop',function(){},那么里面的位置怎么定呀？

2019-01-14 17:39:40

Miss路 2019-01-13 14:38:16

同学，你好。https://class.imooc.com/lesson/506#mid=11940 这一个小节有讲target。同学可以把even对象里面的属性再看一看。

如果帮助到了你，欢迎采纳！

祝学习愉快！

提问者 aleeeeex #1

老师，直接点就跳到了课程首页，看不到。

2019-01-14 17:26:14

好帮手慕星星 2019-01-11 18:42:49

你好，

1、在标签中直接使用事件，需要传参数this来指向元素，否则this指向的就是window。在js事件中讲过这个哦，例如：

2、代码虽然实现了，但是其实是在知道id值的前提下进行获取追加的。这样虽然方便，但是要考虑到在不知道具体的内容前提下，还是建议按照老师的操作一步一步的去完成。

祝学习愉快！

提问者 aleeeeex #1

老师，具体在js的哪一节中讲过啊,我找不到..可以说说嘛，我去重新学习一下，在网上百度了一下还是不太明白。还有一个问题是，为什么有时候传参数this，有时候又传ele?

2019-01-12 09:39:10
好帮手慕星星回复提问者 aleeeeex #2

在HTML事件中讲解的：https://class.imooc.com/lesson/202#mid=3258。this可以作为实参传入，但是不能作为形参，也就是function()中的参数，所有使用了ele，这是自定义的，可以更换。

2019-01-14 09:47:00
提问者 aleeeeex #3

就是说ele可以随便命名是吗？ele的位置有规定吗?可以这样写吗：function(ele,e){}，把ele形参放到第一位。

2019-01-14 17:24:46

相似问题

请老师解答

几个问题请老师解答

老师您好我遇到了问题麻烦老师帮忙解答谢谢老师

老师帮忙看下

视频中的案例有个bug，老师帮忙解决下

登录后可查看更多问答，登录/注册

组件化思想开发电商网页 18版

参与学习人
提交作业 467 份
解答问题 4826 个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识，不仅如此，还会学习如何利用组件化的思想来开发网页，知识点+案例，使得所学可以更好的得到实践。

本课精华内容

问答作业

这位老师讲得太棒了！语速适中，咬字清晰，通俗易懂，深入浅出，还很亲切，满分！

0 2

所谓的异步请老师解释

1 20

请问老师关于这个疑问

0 20

老师安装问题

0 16

请问老师为什么不会执行

0 16

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号