如何允许鼠标移动到图像上并防止图像拖动

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();
});