Форум

Demath · #1 (**permalink**) 11.09.2013, 21:30

Подскажите, как узнать движется ли курсор (влево) над элементом (id="a1") при зажатой левой кнопки мышки?

Нужно при каждом таком движении на 1px вызывать функцию LeftRotate(), но не догоняю(

<script>
function LeftRotate(){ alert('Влево на 1px'); }
</script>

<div id="a1" style="width: 150px; height: 150px; border: 1px solid black;" ></div>

danik.js · #2 (**permalink**) 11.09.2013, 21:51

событие mousemove не предоставляет информацию о зажатых кнопках.
Отслеживай состояние сам по mousedown/mouseup

Яростный Меч · #3 (**permalink**) 11.09.2013, 22:05

Demath,

drag-n-drop что ли делаешь?

Demath · #4 (**permalink**) 12.09.2013, 01:24

Яростный Меч,
В canvas нужно вращать 3d-график. Типа как тут

http://www.google.ru/search?hl=ru&q=x%5E2%2By%5E2-x*y

(когда держишь зажатую левую кнопку мышки на графике, то можно его вращать).

Вроде получилось, только жуквери пришлось призвать

((

ruslan_mart · #5 (**permalink**) 12.09.2013, 05:26

<!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>

Demath · #6 (**permalink**) 12.09.2013, 17:32

Ruslan_xDD,
Спасибо!
График крутится как и нужно было.

Форум

Справочник

Discord чат

Курсы javascript