Показать сообщение отдельно
  #1 (permalink)  
Старый 24.06.2011, 17:39
Аспирант
Отправить личное сообщение для zaytsewa Посмотреть профиль Найти все сообщения от zaytsewa
 
Регистрация: 09.11.2010
Сообщений: 71

Drag'n'drop обработчики событий
Всем привет!
Есть вопросы по 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 );

тоже не работает
Ответить с цитированием