22

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

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

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

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

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

3 に答える 3

22

jQueryの使用：

var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
    divPos = {
        left: e.pageX - offset.left,
        top: e.pageY - offset.top
    };
});
于 2013-02-01T17:06:23.000 に答える
3

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

$('#canvas').mousemove(function(e){
  var mousePos = {'x': e.layerX, 'y': e.layerY};
});
于 2013-02-01T17:08:26.263 に答える
-3

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

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

注：固定構文

于 2013-02-01T17:07:01.987 に答える