Как отследить движение мыши как?

Question

[Inter Plotnik]

Есть игровое поле нарисованное на Canvas с помощью drawImage
Как отследить перемещение мыли при нажатии по блокам для дальнейших действий в игре?
Причем движения могут быть в любом направлении
Подобно приложению swype

Answer 1

[Inter Plotnik]

Вот я реализовал и мышку и тач jsfiddle.net/4n4s8ccs/3
На основе кодов из поста ru.stackoverflow.com/a/418906

Answer 2

[Ivanq]

Возьмите, к примеру, onclick:

canvas.onclick = function(e) {
  var ev = e || event; // берем событие
  var x = ev.clientX - canvas.getBoundingClientRect().left; // Можно это и не считать в Firefox, там есть ev.layerX и ev.layerY
  var y = ev.clientY - canvas.getBoundingClientRect().top;
  if(x > 100 && x < 200 &&
    y > 100 && y < 200) {
    // Выполнить действие для кнопки с X = 100, Y = 100, width = 100, height = 100
  }
}

Answer 3

[Робот]

document.addEventListener("mousemove", function() 
{ 
var mouseX = event.clientX+'px';
var mouseY = event.clientY+'px';
});

Пиксели можно пока убрать это для css что бы блок сразу перетаскивать...

Comments

[Роман Макаров]

Можно ещё офсеты до канваса вычесть, чтобы получить координату 0.0 в углу.

[Робот]

Роман Макаров: я с канвасом пока не работал