Javascript 在JS中未触发/触发Drop事件
样本:Javascript 在JS中未触发/触发Drop事件,javascript,drag-and-drop,event-handling,Javascript,Drag And Drop,Event Handling,样本: 我有2个可拖动的图像和3个可以放置图像的分区($dropZones)。 dragover和dragleave事件触发并完美工作。我通过添加一个css类来对div执行悬停效果 const onDragOver = e => { e.preventDefault; let id = e.target.dataset.id; let dropzone = document.querySelector(`.dropzone[data-id="${id}"]`); drop
我有2个可拖动的图像和3个可以放置图像的分区($dropZones)。
dragover和dragleave事件触发并完美工作。我通过添加一个css类来对div执行悬停效果
const onDragOver = e => {
e.preventDefault;
let id = e.target.dataset.id;
let dropzone = document.querySelector(`.dropzone[data-id="${id}"]`);
dropzone.classList.add('ready');
};
在dragleave事件中,我只是删除了这个类。所以它们工作得很好。但是drop事件没有启动。这就是我在投球比赛中得到的
const onDrop = e => {
console.log("Drop triggered");
alert('Drop triggered');
};
有人知道为什么事件不会触发吗?是的,所以我回头看了看,发现
preventDefault()
函数写错了我写它时没有
()
无论如何,谢谢。@Downgoat我不被允许向人们打招呼吗?Lol简单的人类逻辑:如果你向愿意帮助你的人打招呼,这只是礼貌。无论如何,谢谢你的努力。如果你不使用ES6,它有效吗?如果不是,ES6也没有问题(我不明白为什么会这样)。没有ES6它也不起作用。也许我应该去掉es6标签,我想这会更有意义。
const onDrop = e => {
console.log("Drop triggered");
alert('Drop triggered');
};