Javascript拖拽事件不会发生';行不通
我正在尝试使用原生js进行简单的拖放,但它似乎不起作用。此处的console.log不显示。 我错过了什么Javascript拖拽事件不会发生';行不通,javascript,html,Javascript,Html,我正在尝试使用原生js进行简单的拖放,但它似乎不起作用。此处的console.log不显示。 我错过了什么 var drag=document.getElementById('drag'), drop=document.getElementById('drop'); drag.addEventListener('dragstart',函数(e){ e、 预防默认值(); log('drag'); }) drop.addEventListener('drop',函数(e){ e、 预防默认值()
var drag=document.getElementById('drag'),
drop=document.getElementById('drop');
drag.addEventListener('dragstart',函数(e){
e、 预防默认值();
log('drag');
})
drop.addEventListener('drop',函数(e){
e、 预防默认值();
conosle.log(e);
})
drop.addEventListener('dragover',函数(e){
e、 预防默认值();
conosle.log(e);
})
#已删除{
背景:#000;
宽度:400px;
高度:400px;
}
Lorem ipsum dolor sit amet,奉献精英。即使是动物,也可以将身体置于同一位置。暂时性明晰的真理。Laborum,vero amet magnam nihil debitis
在使用本机JS进行拖动时,不应阻止默认设置。请看这里:
var drag=document.getElementById('drag'),
drop=document.getElementById('drop');
drag.addEventListener('dragstart',函数(e){
log('drag');
})
drop.addEventListener('drop',函数(e){
e、 预防默认值();
控制台日志(e);
警报('dropped!');
})
drop.addEventListener('dragover',函数(e){
e、 预防默认值();
})
#已删除{
背景:#000;
宽度:400px;
高度:400px;
}
Lorem ipsum dolor sit amet,奉献精英。即使是动物,也可以将身体置于同一位置。暂时性明晰的真理。Laborum,vero amet magnam nihil debitis
谢谢,但你能解释一下为什么在原生js中我不应该阻止默认设置吗?不客气。我会尝试找到一些正式的信息,但我的感觉告诉我,preventDefault也会阻止拖动启动。那么,为什么在这里的其他事件中,您没有这样做?请参见这里,它解释了其他事件,但没有关于拖动元素: