获取文本光标(插入符号)在视口中的位置 space?
Get text cursor (caret) position in viewport space?
是否可以获取插入符号绝对屏幕space位置的位置?我的意图是隐藏插入符号并将其替换为可能 'fly' 在屏幕周围的自定义组件。
您可以使用选择 API 获取插入符位置,获取范围(collapsed==true
当仅显示插入符时),以及它们的客户端矩形。
document.addEventListener('selectionchange', () => {
console.log(getSelection()?.getRangeAt(0)?.getClientRects()?.[0])
)
这些客户端矩形在屏幕上 space,因此您可能还想跟踪文档滚动并再次获取矩形。
{x: 286.796875, y: 209, width: 0, height: 19, top: 209, …}
是否可以获取插入符号绝对屏幕space位置的位置?我的意图是隐藏插入符号并将其替换为可能 'fly' 在屏幕周围的自定义组件。
您可以使用选择 API 获取插入符位置,获取范围(collapsed==true
当仅显示插入符时),以及它们的客户端矩形。
document.addEventListener('selectionchange', () => {
console.log(getSelection()?.getRangeAt(0)?.getClientRects()?.[0])
)
这些客户端矩形在屏幕上 space,因此您可能还想跟踪文档滚动并再次获取矩形。
{x: 286.796875, y: 209, width: 0, height: 19, top: 209, …}