javascript - 如何允许鼠标移动图像并防止图像拖动

Question

我有一个非常简单的图像大小调整脚本。我想弄清楚的是如何防止重影图像拖动，同时仍然允许用户在 mousedown /mousemove 上拖动光标并调整图像大小。这是我到目前为止所拥有的，这可能吗？目前，我将其设置为双击以允许使用 mousemove 调整大小，但我想将其设置为在 mousedown 允许 mousemove 调整图像大小的位置，然后在 mouseup 时取消调整大小。

提前致谢。

代码：

$(".grid_content > img").live('mousedown',function(e){
    $(this).attr('id','image');
    $(this).css('cursor','se-resize');
    var positionX;
    var startWidth;
    var image = document.getElementById('image');
    if(!e){e = window.event};
    positionX = (e.clientX);
    startWidth = image.width;
    image.onmousemove = function(e) {
        if(!e){e = window.event};
        image.style.width = (startWidth + (e.clientX - positionX)) + 'px';
    };
    image.onmousedown = function() {
        image.onmousemove = null;
        positionX = null;
        startWidth = null;
    };
});

试过这个但没有运气，禁用整个拖动的东西：

$('.grid_content > img').bind("dragstart",function(e){
    e.preventDefault();
});