ブラウザのボタンの座標を取得する方法は？

Question

私は座標を取得する方法を探しています。ブラウザのボタン。 ありがとうございます。

Answer 1

ブラウザのボタンの座標を取得するには、最初にセレクタを作成して、その座標を探したい特定のボタンを取得する必要があります。

var button = document.querySelector('button') 

座標を取得するには、他の要素を参照して座標を取得するかどうかによって異なります。座標は、それ自体への参照にあった場合、あなたが例えば窓のようなさまざまな要素を参照して、それを持っているしたい場合は、再帰的になるまで、ボタンの親をたどることができます

{left: 0, top: 0, bottom: button.offsetHeight, right: button.offsetWidth} 

ような単純なものでしょうウィンドウに到達しました

var top = button.offsetTop; 
var left = button.offsetLeft; 
var height = button.offsetHeight; 
var width = button.offsetWidth; 
while(button.offsetParent && button.offsetParent != window){ 
    button = button.offsetParent; 
    top += button.offsetTop; 
    left += button.offsetLeft; 
} 
var bottom = top + height; 
var right = left + width; 
return {left: left, top: top, bottom: bottom, right: right} 

Answer 2

ボタンの座標を取得するには、次のコードを使用する必要があります。ここで

<input type="button" id="button" value="display" onclick="getCoords()"> 
<script> 
    function getCoords() { 
     var mainEvent = event ? event : window.event; 

     alert("This button click occurred at: X(" + mainEvent.screenX + ") 
      and Y(" + mainEvent.screenY +  ")"); 
    } 
</script> 

実施例である：[？、クロスブラウザのHTMLボタンや画像の座標を見つける方法]のhttp://jsfiddle.net/Bnuy7/1692/