我正在尋找一種方法來獲得例如瀏覽器中的按鈕。 在此先感謝。如何在瀏覽器中獲取按鈕的座標?
0
A
回答
0
要獲得瀏覽器中按鈕的座標,您需要先編寫一個選擇器以獲取您感興趣的特定按鈕,以找到其座標。
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}
0
您需要使用以下代碼來獲取按鈕的座標。
<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>
這裏是工作示例:http://jsfiddle.net/Bnuy7/1692/
相關問題
- 1. 如何獲取瀏覽器的座標?
- 2. 獲取所在的座標瀏覽器屏幕爲
- 3. 如何從按鈕事件獲取自定義按鈕座標?
- 4. 如何在文本域中獲取按鈕x,y座標
- 5. 獲取HTML5「按鈕」標籤以跨瀏覽器工作
- 6. 如何查找HTML按鈕或圖像的座標,跨瀏覽器?
- 7. 獲取按鈕的確切座標 - Android
- 8. 在網頁中瀏覽/瀏覽按鈕
- 9. 如何用絕對位置獲取元素的絕對座標(JavaScript,瀏覽器)
- 10. 無法在Android中的瀏覽器上使用Javascript獲取GPS座標
- 11. webkit瀏覽器取代按鈕
- 12. 如何改變瀏覽器的後退按鈕的目標URL
- 13. 如何在vb.net網頁瀏覽器中按下按鈕
- 14. 如何獲取按鈕點擊div的座標
- 15. 如何從瀏覽器標籤中獲取標題?
- 16. 按鈕不在瀏覽器中顯示
- 17. 獲取地圖中心座標的按鈕按下,崩潰
- 18. Android瀏覽器中的中心按鈕
- 19. js-使用跨瀏覽器的按鈕獲取卸載工作
- 20. 獲取Ajax先前的請求與瀏覽器後退按鈕
- 21. js-獲取卸載工作跨瀏覽器的一個按鈕
- 22. 如何獲取C#中默認瀏覽器的圖標?
- 23. 瀏覽器後退按鈕
- 24. 禁用瀏覽器按鈕
- 25. 你如何在HtmlUnit中模擬瀏覽器的後退按鈕?
- 26. 如何在iPad的瀏覽器中禁用後退按鈕
- 27. 在散景服務器配置中如何從客戶端瀏覽器獲取x,y座標到服務器
- 28. 瀏覽器中的後退按鈕
- 29. 瀏覽器中的播放按鈕
- 30. 如何獲取瀏覽器的名稱?
的可能的複製[如何找到一個HTML按鈕或圖像,跨瀏覽器的座標?](http://stackoverflow.com/questions/829252/how -to-找到--的-AN-HTML的按鈕或圖像-跨瀏覽器座標) – GmaSa