问题标签 [getcaretpos]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
492 浏览

javascript - Javascript - 事件 keyup、keydown 或 keypress 不携带插入符号(光标)绝对定位

我试图在用户写作时获得插入符号的绝对定位。

我知道 document.caretRangeFromPoint(e.clientX, e.clientY),但是如果事件是按键,则 e.clientX, e.clientY 是未定义的。我做了一个 jsfiddle,很明显鼠标单击带有此信息,而按键上的事件则没有。

完整代码位于http://jsfiddle.net/NicoD/cgfHV/

你知道一些带有插入符号位置的事件吗?

谢谢

0 投票
1 回答
1562 浏览

javascript - JS onclick 选择输入中的部分文本 - 从光标位置开始到字符串结尾(afterCaret)

我需要棘手的功能,当我在输入字段上单击时,它将选择从光标位置(afterCaret)到文本值末尾的文本。

当我通过鼠标单击放置光标时..假设在单词“exa | mple”的中间,输出应该突出显示文本:“ mple textfield text

(之后我会按 Delete :) 但我不想按功能自动删除它,只选择)

我找到了这个,完美的例子,但我无法根据我的知识正确使用它:( http://javascript.nwbox.com/cursor_position/

0 投票
0 回答
124 浏览

javascript - 删除可编辑 DIV 中的 HTML 元素后 JavaScript 插入符号/光标重新定位

执行正则表达式后,基本上只是删除可编辑 div 中的 HTML 元素,执行 innerHTML 后插入符号位置丢失。即使你保存了编辑的最后一个位置,我也无法以某种方式恢复我的插入符号。所有的想法都受到高度赞赏!

这是我的完整代码:

0 投票
1 回答
908 浏览

javascript - 更改内容可编辑 div 的文本时如何保留插入符号的位置?

我正在尝试制作一个文本编辑器,根据它所说的来格式化文本。例如,当您键入“select”时,它会将“select”一词的颜色更改为红色。我正在使用一个contenteditable div.

我能够让它改变颜色,但是每次我改变文本时,插入符号(光标)都会移动到div.

这是我的例子:

http://jsfiddle.net/wgw8ssL6/

0 投票
1 回答
1012 浏览

c# - 如何根据鼠标位置 WinForms 设置选择开始

我需要根据鼠标位置设置文本框的选择开始,我尝试在双击时加载文本框,一旦加载文本框,我需要根据鼠标位置设置选择开始。(即)如果一个文本框包含一些值,如“abcdef”,如果加载文本框时鼠标光标靠近“c”,那么选择开始应该在“c”之后。

我也试过这个

但我没看对,

提前致谢。

问候,

文卡特桑

0 投票
1 回答
1793 浏览

javascript - 如何使用 JavaScript 查找 INPUT 和 TEXTAREA 插入符号位置坐标?

我试图在JavaScript HTML DOM 事件函数(如,TextAreaInputonkeydownonkeypressonkeyup

为此,我创建了以下 HTML ...

并运行下面的 JavaScript ...

我在 StackOverflow 中搜索并发现了很多,但是每个人在使用或运行时都会遇到一些问题,这些问题在下面共享......

我的工作演示在https://jsfiddle.net/qjkkqdg2/我正在锻炼的地方,所以你可以分享任何提示或想法来完成它......???

0 投票
1 回答
4181 浏览

javascript - 如何获取包含图像的 contenteditable div 的插入符号位置

我有这个 contentedittable div

这是代码输出的图像描述 在此处输入图像描述

所以我想获取 div 的插入符号位置,并假设光标在最后一个字符之后。这是我获取插入符号位置的代码

但问题是它返回6而不是14. 插入符号位置回到0图像之后。14请问有没有办法让我在这种情况下获得插入符号的位置。

编辑

我还想从插入符号位置开始插入一些元素。所以这是我的职责

0 投票
1 回答
105 浏览

javascript - Javascript Chrome扩展获取插入符号坐标

我刚开始使用新的 chrome 扩展,但是我找不到如何在 JavaScript 中获取确切的插入符号(文本光标)位置

代码

0 投票
1 回答
528 浏览

javascript - 带有 emoji-mart 的 window.getSelection() 问题(Picker 组件)

我的代码:

问题是当用户单击表情符号时尝试在 div 中插入 span 时,window.getSelection() 不会获取我在 div 中的位置值,因为我从另一个组件(即 Picker)调用该函数, 那么 span 总是插入到 div 的开头。

如果有人可以帮助我,我将不胜感激!