gpt4 book ai didi

javascript - jQuery Drop 事件未触发

转载 作者:行者123 更新时间:2023-12-03 06:22:45 25 4
gpt4 key购买 nike

我正在尝试将链接 (.link) 从一个 div (.folder) 移动到另一个 div (.folder),但放置事件未触发。我想我通过防止 Dragenter 和 Dragover 事件中的默认行为来使所有 .link div 可放置区域。代码如下:

$(document).ready(function() {
//Logic for create folder button
$("#create-folder-button").click(createFolder);

// //Logic for drag and drop for the links
$(".folder").on("dragstart", function(e) {
console.log("dragstart");
});
$(".folder").on("dragenter dragover", function(e) {
e.preventDefault();
});
$(".folder").on("drop", function(e) {
e.preventDefault();
console.log("drop");
});
});

打印“dragstart”,但不打印“drop”。

最佳答案

您需要使用event.stopPropagation():

$(".folder").on("drop", function(event) {
event.preventDefault();
event.stopPropagation();
alert("Dropped!");
});

关于javascript - jQuery Drop 事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38794573/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com