web-dev-qa-db-ja.com

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

可能性のある複製:
divに対するマウスの位置
キャンバス内でJavaScriptを使用してマウスの位置を取得

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

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

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

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

JQueryの使用:

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

使用する event.layerXおよびevent.layerY現在の要素に対するマウスの位置を取得するには:

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