Question

我在div功能中有一个可拖动的图像。但是我想这样做，如果用户将鼠标按下并拖动元素/ div时，当鼠标向下或其边界移动时，它将不再可拖动。在控件上按下按钮时，将启用拖动功能，该按钮功能正常。我只是希望能够在鼠标离开特定div /元素的边界时停止拖动。

这是复合控件的一部分，因此当页面加载时，脚本会在页面中注册。

jQuery.fn.Draggable = function (button) {

    if (button.value == "Off") {

        button.value = "On";
        this.draggable({ cursor: "hand" });


    } else {
        button.value = "Off";
        this.draggable("destroy");
    }
}

jQuery.fn.Drag = function (button) {
    this.Draggable(button);
}

提前致谢。

编辑：

我已经使用了包容但我不想在div中修复图像。我希望图像能够越界，但当鼠标超出界限时，它将停止拖动。

因此当鼠标移出div框时，拖动停止。我不想在div中包含对象。我已经修好了它。

Answer 1

您可以在启用/禁用拖动功能的包含div上注册mouseenter / mouseleave事件吗？

$('div#container').mouseenter(function(event) {
    // enable dragging

}).mouseleave(function(event) {
    // disable dragging

});

jQuery可拖动图像，当鼠标超出界限时停止拖动（div）

1 个答案: