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

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

提前谢谢

代码：

尝试了这个，但没有成功，禁用了整个拖动功能：

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

---

你有没有想过在stop事件上使用jquery的resize元素和hook？我没有，你有好的例子吗？我不希望使用jquery的UI来调整大小。我讨厌所有额外的提琴。你有小提琴吗？下面是我当前工作示例的链接。请参阅有关修改为鼠标向下拖动而不使用幻影图像的问题可能重复的

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