jquery - jquery-関数内のマウス座標を取得します

Question

内の座標を取得できます$(document).ready(function() { $(id).mouemove(function(){}) };

しかし、関数で座標を正しく取得したい場合はどうなりますか？

<div id='abc' onmouseover="callFunction(this.id)"></div>

私は未定義になるだけです。なんで？

function callFunction(arg){
   mouseX = arg.pageX; 
   mouseY = arg.pageY;

   alert('--> ' + mouseX + ' - ' + mouseY);
}

Answer 1

<div id='abc' onmouseover="callFunction(event)">123</div>

function callFunction(e){
console.log(e);
    mouseX = e.clientX;
    mouseY = e.clientY;

    alert('--> ' + mouseX + ' - ' + mouseY);
}