使用javascript（jQuery）拖动图像时出现问题

Question

我正在尝试用图像创建一个可拖动的div。我可以用一些文本拖动一个div，但每当我用拖动不正常的图像替换文本时。 Please check this link，如果用文本替换图像，它将能够拖动窗口上的文本，但是如果我们用现在的图像替换文本它就不会工作

请帮忙

感谢您的考虑

Answer 1

我自己测试过，你需要这样做：

$('#dv').mousedown(function(e){
e.preventDefault ();

x1 = e.pageX - parseInt($('#dv').css('left'));
y1 = e.pageY - parseInt($('#dv').css('top'));
drag = true;

})

这将阻止浏览器拖放功能。

HTH。

Answer 2

你需要使用e.preventDefault（）并将e作为图像mousemove函数中的参数传递

Answer 3

另一个快速解决方法是不使用img标签，而是使用css来设置div的背景图像及其宽度，高度。这也可以。