找到相对于元素的鼠标位置

Question

我想用画布制作一个小画画应用程序。所以我需要在画布上找到鼠标的位置。

Answer 1

以下计算与canvas元素的鼠标位置关系：

var example = document.getElementById('example'); 

example.onmousemove = function(e) { 

    var x = e.pageX - this.offsetLeft; 

    var y = e.pageY - this.offsetTop; 

}

在此示例中，this引用example元素，并且e是onmousemove事件。