jQuery：获取输入（文本区域等）中焦点（而非鼠标光标）的坐标（x，y）
[英]jquery: get the coordinates (x, y) of the focus (not mouse cursor) in input (textarea etc)
问题描述
如何获得输入（文本区域等）中焦点的像素坐标（相对于左上窗口坐标的{x，y}）？ 我想在焦点位于文本的地方显示一个弹出窗口。
1 个解决方案
解决方案1
0 2018-03-18 21:20:28
您可以利用javascript的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>
jQuery获取textarea光标/插入符号X，Y位置并在下面显示DIV
[英]jQuery get textarea cursor/caret X,Y position and show a DIV underneath
无论设备大小如何，获取鼠标在图像上单击的坐标（X，Y）
[英]Get Coordinates (X,Y) of mouse click on image regardless of the device size
如何通过谷歌标签管理器获取鼠标的 X 和 Y 坐标？
[英]How to get the X and Y coordinates of the mouse via Google Tag Manager?
如何使用 ReactJs 以百分比形式获取鼠标点击的 X 和 Y 坐标
[英]How to get the X and Y coordinates of the mouse click in percentage using ReactJs
如何获得不具有X / Y属性的SVG元素（路径等）的x / y坐标？
[英]How can I get the x/y coordinates of an SVG element(path etc) that does not have the X/Y attributes?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.