jQuery Drop事件未觸發

Question

我正在嘗試將鏈接（.link）從一個div（.folder）移到另一個，但drop事件沒有觸發。 我認為我通過防止Dragenter和Dragover事件中的默認行為使所有.link divs可放置區域。 這是代碼：

$(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”，但不打印。

Answer 1

您需要使用event.stopPropagation() ：

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