问题标签 [getselection]

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 投票
1 回答
3570 浏览

javascript - 如何使用 javascript document.getSelecttion() 在 html 中获取选定文本的坐标

我想将元素放置在所选文本上方。但我无法弄清楚坐标。

示例:(图片)

替代文字

0 投票
2 回答
3076 浏览

javascript - 范围选择和 Mozilla

我想指定firefox选择一个范围。我可以使用 IE 轻松做到这一点,使用 range.select();。FFX 似乎需要一个 dom 元素。我错了,还是有更好的方法来解决这个问题?

我首先获取文本选择,将其转换为范围(我认为?)并保存文本选择。这是我最初得到范围的地方:

我后来更改了选择(成功)。我通过 IE 中的范围和 ffx 中的 dom ID 来执行此操作。但是在我这样做之后,我想将选择设置回原始选择。

这就像 IE 中的魅力:

我想在 FFX 中做这样的事情:

不幸的是,FFX 没有合作,这不起作用。有任何想法吗?

0 投票
3 回答
2646 浏览

javascript - Javascript 函数返回函数代码行或“{[native code]}”,我做错了什么?

我正在编写一些代码来在 contenteditable div 中查找用户选择,我从这篇 quirksmode 文章中获取我的代码。

我正在 Chrome 和 Firefox 中对其进行测试,如果我alert(userSelection)在函数内执行操作或在函数外执行 alert(findSelection();),它会返回function getSelection() {[native code]}. 如果我这样做console.log(findSelection();),它会给我getSelection()。是不是我做错了什么?

0 投票
2 回答
304 浏览

javascript - 在输入文本字段中获取选择的最简单方法是什么?

如何在以下代码中获取选定的文本?

我使用 Firefox 3.6.3(目前对其他浏览器不感兴趣)。

HTML:

JavaScript:

0 投票
2 回答
9188 浏览

javascript - 需要将光标位置设置到 contentEditable div 的末尾,选择和范围对象的问题

我暂时忘记了跨浏览器兼容性,我只想让它工作。我正在尝试修改位于typegreek.com的脚本(您可能不需要知道这一点)。基本脚本位于此处。基本上它的作用是当您输入字符时,它将您输入的字符转换为希腊字符并将其打印到屏幕上。我想要做的是让它在 contentEditable div 上工作(它只适用于 Textareas)

我的问题在于这个函数:用户键入一个键,它被转换为一个希腊键,然后转到一个函数,它通过一些 if 进行排序,最后是我可以添加 div 支持的地方。这是我到目前为止所拥有的,

myField 是 div,myValue 是希腊字符。

现在,这只有在我输入的内容不超过原始文本的大小时才有效。假设我事先在 div 中有 30 个字符。如果我输入超过 30 个字符,它会添加字符 31,但会将光标放回 30。我可以在 pos.31 处键入字符 32,然后在 pos.32 处键入字符 33,但是如果我尝试将字符 34 输入,它添加字符,并将光标设置回 32。问题是如果 cursorPos 大于范围中定义的值,则添加新字符的函数会出错。有任何想法吗?

0 投票
2 回答
4972 浏览

javascript - 如何使用 javascript 从 iframe 中获取选定的文本?

如何使用 javascript 从 iframe 中获取选定的文本?

0 投票
2 回答
1979 浏览

javascript - 如何使用javascript获取所选文本末尾的坐标?

我的问题与类似,但我需要一种方法来使用 Firefox 中的 Javascript 获取选择右侧的坐标。我做了一个小例子来说明我的意思:

替代文字

我从另一篇文章中得到的代码如下:

这给了我选择开始的坐标。有没有办法检索选择结束的坐标?

0 投票
1 回答
853 浏览

javascript - Javascript中选定文本的节点名称

我有看起来像这样的 HTML:

当用户选择某些东西时,我想确定他选择了哪些元素。例如,如果用户选择了“text bl”,我需要“first”和“sec”元素。

为此,我尝试使用endContainer.nodeName但对于每个选定的文本,我都会得到父元素“文本”。是否可以获取子元素?

0 投票
3 回答
74839 浏览

javascript - 在包含 HTML 内容的 contentEditable 区域中获取插入符号(光标)位置

我有 contentEditable 元素(可以是 p、div、...),我想在其中获得插入符号(光标)的位置。我通常可以用这段代码来实现它:

当元素只包含文本时,这可以正常工作。但是当元素包含一些 HTML 格式时,返回的位置相对于包含的 HTML 元素中的插入符号位置。

让我们假设 contentEditable 元素的内容是这样的:

如果 caret 在 inside <b></b>,比方说在 C 和 D 之间,上面代码返回的位置是 1 而不是 3(从 contentEditable 元素内容的开头开始计算)

任何人都可以提出解决方案吗?

0 投票
5 回答
73232 浏览

javascript - 如何使用 javascript 获取选定的 html 文本?

我可以使用以下代码来获取选定的文本:

text=window.getSelection(); /// for Firefox text=document.selection.createRange().text; /// for IE

但是我怎样才能获得选定的 Html,其中包括 text 和 html 标签?