有点糊涂了传入的到底是window对象还是拖拽事件的对象

这里传入的是window的event对象

这里打印出来的是拖拽事件的对象

但是e.preventDefault（）又是window对象的方法

这就有点搞糊涂了老师可以帮忙解释下吗？谢谢

Beckybei 2018-08-20

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

收起

2回答

卡布琦诺回答被采纳获得+3积分 2018-08-21 11:07:50

这里因为event没有在其他地方被定义，因此，这样写ondrop="drop(event)"的目的是为了实现IE和火狐浏览器中event的传递。因为在IE中，event是全局的（即：公用的）相当于window.event，而火狐浏览器中的event则是必须存在事件中，必须要写。为了兼容浏览器，即都能在两个浏览器上正常运行，所以绑定的js事件函数默认传递的参数是event，这里的event在IE上指window.event简写event，在火狐浏览器中则是事件onchange固有的参数e，简单的理解就是为了兼容浏览器的。希望可以帮到你！

收起回答

Beckybei 提问者 #1

老师我的意思是在函数体中打印console.log(e) 并没有preventDefault（)方法。打印出来的结果是这个 DragEvent {isTrusted: true, dataTransfer: DataTransfer, screenX: 589, screenY: 498, clientX: 104, …} 请问问什么可以直接使用？

2018-08-21 13:29:07
Beckybei 提问者 #2

我找到了老师，谢谢

2018-08-21 15:18:15

大迷糊虫 2018-08-20 16:07:04

preventDefault() 方法阻止元素发生默认的行为，语法为：event.preventDefault()，event规定阻止的事件的默认动作，这个 event 参数来自事件绑定函数。根据事件绑定代码ondrop="drop(event)"和函数function drop(e){}综合理解一下吧~

收起回答