Всем привет!
Есть вопросы по drag'n'drop.
Установила 3 обработчика событий. Onmousedown, onmousemove, onmouseup.
function mousemove( evt ) {
var el = evt.srcElement||evt.target;
var state = el.getAttribute("state")
if (state != "moved") return;
// двигаем
X = screenX;
Y = screenY;
}
function mousedown(evt) {
var el = evt.srcElement||evt.target;
var state = el.setAttribute("state", "moved")
}
function mouseup(evt) {
var el = evt.srcElement || evt.target;
var state = el.setAttribute("state", "notmoved")
}
<div name='div1' style="background-color:red; border:1px solid black;" width='10px' height='20px'
onmousedown="mousedown(event);"
onmouseup="mouseup(event);"
onmousemove = "mousemove(event)"
state='notmoved'>
sdre
</div>
но почему-то не работает
видимо элемент не двигается, тк onmouseup приходит тольок когда я кликаю и отпускаю на одном и том же месте
Помогите разобраться, плз.
И ещё вопрос с
document.addEventListener( 'onmousemove', mousemove, false );
document.addEventListener( 'onmousedown', mousedown, false );
document.addEventListener( 'onMouseUp', mouseup, false );
тоже не работает