javascript - div内でマウスの位置を取得しますか？

Question

重複の可能性：キャンバス内のjavascriptでマウスの位置を取得
するdivに対するマウスの位置

固定サイズで自動マージンのあるキャンバス内でマウスの位置を取得するにはどうすればよいですか？

その位置を固定することはできず、ページ上の通常のマウス位置を使用することもできません。

このコードは完全に機能します：

mouseX = e.pageX - div.offsetLeft;
mouseY = e.pageY - div.offsetTop;

Answer 1

jQueryの使用：

var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
    divPos = {
        left: e.pageX - offset.left,
        top: e.pageY - offset.top
    };
});

Answer 2

event.layerXおよびを使用event.layerYして、現在の要素に対するマウスの位置を取得します。

$('#canvas').mousemove(function(e){
  var mousePos = {'x': e.layerX, 'y': e.layerY};
});

Answer 3

jQueryサイトから取得：Jqueryチュートリアルサイト

$(document).mousemove(function(e){
      $('#status').html(e.pageX +', '+ e.pageY);
   }); 

注：固定構文