Jquery dragend 永远不会被触发

时间:2021-07-14 09:59:05

标签: jquery drag drop dragendjs

我用 jquery 写了那个脚本..我从来没有触发过dragend事件并且'不知道为什么

let changed = false;
            fileField = $(this)
            let dndFileArea = $(document.createElement("div")).addClass("dndFileArea").text(
                "Drag a File here").hide();
            fileField.after(dndFileArea).hide()

            // Drag enter
            dndFileArea.on('dragenter', function (e) {
                console.log("enert")
                dndFileArea.text("Drop File Here to change")
            });

            dndFileArea.on('dragleave', function (e) {
                console.log("dragleave")
                dndFileArea.text("Drag a File here")
            });

            // Drag end
            dndFileArea.on('dragend', function (e) {
                console.log("end")
                if (changed == true) {
                    dndFileArea.show();
                } else {
                    dndFileArea.hide();
                }
            });

            // Drop
            dndFileArea.on('drop', function (e) {
                changed = true;
                form.trigger("change"); //segnaliamo che è cambiato qualche cosa
                dndFileArea.text("Changed");

                let file = e.originalEvent.dataTransfer.files;

                formData.append(fileField.attr("name"), file[0]);

                /*uploadData(fd);*/
                console.log('File aggiunto al formdata')
            });

当我在控制台日志中测试它时,我得到了进入/离开/丢弃的响应,但从来没有从最后得到响应,你知道为什么吗?

0 个答案:

没有答案
相关问题