проблема при перетаскивании изображения с использованием JavaScript (jQuery)

Question

Я пытаюсь создать перетаскиваемый div с изображением.Я могу перетащить div с некоторым текстом, но всякий раз, когда я заменяю текст перетаскиванием изображения, не работает нормально. Пожалуйста, проверьте эту ссылку . Если вы замените изображение текстом, оно сможет перетаскивать текст в окне, но оно не будет работать, если мы заменим текст изображением, как сейчас

Пожалуйста, помогите

Спасибо за внимание

Answer 1

Я только что проверил это сам, вам нужно сделать:

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

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

})

Это предотвратит функцию перетаскивания в браузере.

НТН.

Answer 2

Другое быстрое исправление - просто не использовать тег img, а css, чтобы установить фоновое изображение div и его ширину и высоту.Это также будет работать.

Answer 3

вам нужно использовать e.preventDefault () и передать e в качестве параметра в функции mousemove изображений