使用 JS 获取选定的文本 - 即使在 iFrames 中

Posted

技术标签:

【中文标题】使用 JS 获取选定的文本 - 即使在 iFrames 中【英文标题】:Get selected text with JS - even in iFrames 【发布时间】:2014-04-26 02:02:15 【问题描述】:

现在我使用window.getSelection().toString() 获得选定的文本。但不幸的是,这不适用于 iFrame 中的文本。它是用于 chrome 扩展的,所以我不需要听说 iFrame 有多糟糕;)。

【问题讨论】:

Firefox 扩展的处理方式是否有效? ***.com/questions/10990690/… 【参考方案1】:

如果您有相关 iframe 的引用,那么

iframeEl.contentWindow.getSelection().toString();

... 将完成这项工作。如果要从所有 iframe 中获取选定的文本,可以使用 window.frames,它是 Window 对象的集合,而不是 frame/iframe 元素:

var selectedTexts = [];
Array.prototype.forEach.call(window.frames, function(frameWin) 
    selectedTexts.push( frameWin.getSelection().toString() );
);

【讨论】:

以上是关于使用 JS 获取选定的文本 - 即使在 iFrames 中的主要内容,如果未能解决你的问题,请参考以下文章

如何在js中的iframe中获取div中的文本[重复]

在 Vue.js 中的 Vuetify 的 v-select 中获取 Id 作为选定文本

文本框不会使用 jquery datepicker 获取选定的日期

即使文本区域没有焦点,也能指示选定的文本

从下拉列表中获取选定的文本(选择框)

js控制iframe内部css样式