ユーザーによるマウスクリックのHTMLボタンのxとyを取得しようとしています。次のようにしています。
function buttonPressed(event, id){
var mainEvent = event ? event : window.event;
var mousex=event.clientX;
var mousey=mainEvent.screenY;
var y= $('#'+id).position();
var x= document.getElementById(id).offsetLeft;
console.log(y);
console.log(mousey);
これは、ボタンとマウスの両方のこれらの値を取得する 2 つの異なる方法を示しています (event.clientX、mainEvent.screenY、$('#'+id).position()(jquery を使用)、および offsetLeft)。ただし、値が一致しないため、これらの手法はどれも機能していないようです。つまり、ボタンの左上をクリックすると、値が同じではないか、類似していません。さらに、たとえば、左上にボタンがあり、左上に右上にボタンがある場合、値は100異なる場合がありますが、下のボタンは-100異なる場合があります。どうすれば私が望んでいることを達成できますか (mousex とボタン x を比較できるようにするため)?