js textarea光标坐标
时间: 2023-07-08 12:18:38 浏览: 130
javascript获得光标所在的文本框(text textarea)中的位置.docx
获取JS中Textarea光标的坐标可以使用以下代码:
```
function getCaretCoordinates(element, position) {
// 兼容性判断
if (!window.getSelection) return;
if (!document.createRange) return;
var range = document.createRange();
var sel = window.getSelection();
var textContent = element.textContent;
var textLength = textContent.length;
if (position > textLength) {
position = textLength;
}
range.setStart(element.firstChild, position);
range.setEnd(element.firstChild, position);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
var rect = range.getBoundingClientRect();
var x = rect.left + window.scrollX;
var y = rect.top + window.scrollY;
sel.removeAllRanges();
return { x: x, y: y };
}
```
其中,element为Textarea元素,position为光标所在位置。该函数返回的是一个对象,包含光标的x和y坐标。
阅读全文