Движение курсора над элементом при зажатой кнопки мышки
Подскажите, как узнать движется ли курсор (влево) над элементом (id="a1") при зажатой левой кнопки мышки?
Нужно при каждом таком движении на 1px вызывать функцию LeftRotate(), но не догоняю( <script> function LeftRotate(){ alert('Влево на 1px'); } </script> <div id="a1" style="width: 150px; height: 150px; border: 1px solid black;" ></div> |
событие mousemove не предоставляет информацию о зажатых кнопках.
Отслеживай состояние сам по mousedown/mouseup |
Demath,
drag-n-drop что ли делаешь? |
Яростный Меч,
В canvas нужно вращать 3d-график. Типа как тут http://www.google.ru/search?hl=ru&q=x%5E2%2By%5E2-x*y :) (когда держишь зажатую левую кнопку мышки на графике, то можно его вращать). Вроде получилось, только жуквери пришлось призвать ![]() |
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #a1 { background: #222; cursor: move; height: 200px; width: 200px; } </style> </head> <body> <div id="a1"></div> Left: <span id="pos">0</span> <script type="text/javascript"> (function() { var a1 = document.getElementById('a1'), tmp = 0; a1.onmousedown = function() { this.onmousemove = function(e) { if(tmp > e.pageX) LeftRotate(); tmp = e.pageX; } window.onmouseup = function() { a1.onmousemove = null; this.onmouseup = null; } } })(); var leftRotate = 0, elem = document.getElementById('pos'); function LeftRotate() { leftRotate++; elem.innerHTML = leftRotate; } </script> </body> </html> :write: |
Ruslan_xDD,
Спасибо! График крутится как и нужно было. |
Часовой пояс GMT +3, время: 23:38. |