Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在JS中未触发/触发Drop事件_Javascript_Drag And Drop_Event Handling - Fatal编程技术网

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');
};