jquery:在输入(textarea等)中获取焦点(不是鼠标光标)的坐标(x,y)

时间:2018-03-18 20:25:53

标签: javascript jquery html cursor focus

如何在输入(textarea等)中获得焦点的像素坐标({x,y}相对于左上方窗口坐标)? 我想在焦点位于文本中的地方显示一个弹出窗口。

1 个答案:

答案 0 :(得分:0)

您可以使用javascript&#39的函数onfocus。您希望为此函数启用的每个文本输入都将具有onfocus函数,该函数将设置其坐标的全局变量。
这是

的代码示例
var focusX = null;
var focusY = null;
function setFocus(event){
    let coords = event.path[0].getBoundingClientRect();
    focusX = coords.x;
    focusY = coords.y;
}
document.getElementById("myTextarea").onfocus = setFocus;

此特定示例的HTML代码:

<html>
    <head></head>
    <body>
        <textarea id="myTextarea"></textarea>
    </body>
</html>