Найдите положение мыши относительно элемента

Question

Найдите положение мыши относительно элемента

Я хочу сделать немного приложения рисования с помощью холста. Таким образом, я должен найти позицию мыши по холсту.

200

javascript

задан Ben Shelock 12 July 2010 в 17:47

2 ответа

Другие вопросы по тегам:

javascript

Похожие вопросы:

score 19 · Answer 1

Хорошее описание сложности этой проблемы можно найти здесь: http://www.quirksmode.org/js/events_properties.html#position

Используя технику, описанную там, вы можете найти положение мыши в документе. Затем вы просто проверяете, находится ли она внутри ограничительной области вашего элемента, которую вы можете найти, вызвав element.getBoundingClientRect(), который вернет объект со следующими свойствами: { bottom, height, left, right, top, width }. Отсюда тривиально выяснить, произошел ли чет внутри вашего элемента или нет.

score 3 · Answer 2

вы можете получить его по

var element = document.getElementById(canvasId);
element.onmousemove = function(e) {
    var xCoor = e.clientX;
    var yCoor = e.clientY;
}