Есть простой понятный некросбраузерный рабочий код Drag and Drop?

Question

[Имя Фамилия]

с использованием событий:
onmousemove
onmouseup
onmousedown

решения которые пока что нашел - непонятные и усложненные кросбраузерностью

Answer 1

[Петр]

Вы уверены, что вам нужен именно "Drag&Drop"?
Это технология для межпроцессного перетаскивания данных. Вот.
И для нее используются события dragstart, dragenter и т.п.

А для простого "перемещения элементов мышкой". Вот пример. Хотя в примере тоже ошибочна названа Drag&Drop

Answer 2

[Юрий]

jsfiddle.net/fpb7j/1

Comments

[Имя Фамилия]

stateMouseDown - это зачем?

[Юрий]

Имя Фамилия: создайте второй вопрос)))

[Имя Фамилия]

Юрий: твой код выдает ошибку - говорит что stateMouseDown undefined

[Имя Фамилия]

Юрий: у тебя ошибка в коде
нет второй строки
var stateMouseDown = false;

[Имя Фамилия]

Юрий: var stateMouseDown = false;
//ele.onmousedown = eleMouseDown;
ele.addEventListener ("onmousedown" , eleMouseDown , false);

function eleMouseDown () {
stateMouseDown = true;
document.addEventListener ("onmousemove" , eleMouseMove , false);
}

function eleMouseMove (ev) {
do {
var pX = ev.pageX;
var pY = ev.pageY;
ele.style.left = pX + "px";
ele.style.top = pY + "px";
document.addEventListener ("onmouseup" , eleMouseUp , false);
} while (stateMouseDown === true);
}

function eleMouseUp () {
stateMouseDown = false;
document.removeEventListener ("onmousemove" , eleMouseMove , false);
document.removeEventListener ("onmouseup" , eleMouseUp , false);
}

[Имя Фамилия]

Юрий: w3javascript.com/question/simple-drag-and-drop-code

[Юрий]

Имя Фамилия: это не мой код) это первое, что попалось в гугле по запросу "simple drag and drop javascript"