Question

我尝试阻止在dragstart中拖动浏览器默认图像，但不知何故它也禁用了drag和dragend事件。无论如何，我可以禁用浏览器默认图像拖动，但它仍然会运行拖动和拖动结束事件？

或唯一的选择是使用背景图片？我不想这样做，因为我需要更改很多代码。现在我知道为什么每个人都使用背景图像。

$("#addObjectBarContainer a img")
        .bind("dragstart", function(event){
            var tmpObjImg = $("<img></img>");
            tmpObjImg
                .attr({
                    id: "temp-img-object-drag"
                ,   src: $(this).attr("src")
                })
                .css({
                    position:"absolute"
                });

            tmpObjImg.appendTo("body");
            event.preventDefault();
        })
        .bind("drag" , function(event){
            $("#temp-img-object-drag").css({
                top: event.pageY,
                left: event.pageX
           });
        })
        .bind("dragend",function(event){
            var ObjectTop = event.pageY - $("#canvas").offset().top;
            var ObjectLeft = event.pageX -$("#canvas").offset().left
            $("#temp-img-object-drag").remove();
            $(this).parent().trigger("click");

            $(activeObject).css({
                top: ObjectTop,
                left: ObjectLeft
            });
            $(activeObject,"div:first-child").css({
                top: ObjectTop,
                left: ObjectLeft
            });

            dragresize.elmY = ObjectTop;
            dragresize.elmX = ObjectLeft;

            inspector_Update(activeObject, "select");
        });

Answer 1

如今，您可以在dragstart事件侦听器中使用event.dataTransfer.clearData()来禁用默认行为，但仍执行所需的侦听器。

使用dragstart preventDefault禁用浏览器默认图像拖动，但它也禁用我的拖动事件

1 个答案: