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>

以下是工作示例：http://jsfiddle.net/Bnuy7/1692/

如何在浏览器中获取按钮的坐标？

2 个答案: