jquery - "Select all text in iframe"按钮？

Question

我的网页上有一个 iframe。该 iframe 源 self 服务器上的一个 .txt 文件(即显示其内容)。

我想实现一个按钮(当然位于 iFrame 之外)，单击该按钮时，选择 iFrame 中的所有文本。

这可能吗？ (例如，通过 jQuery/JavaScript。)

Answer 1

iframe 有一个名为 contentDocument 的 DOM 属性，它返回由框架或 iframe 元素生成的文档对象。

HTML

<iframe id="frame" src="file.txt"></iframe>
<!-- points to the text file -->

<button id="selectText">Copy Text</button>
<!-- button to copy the text -->

JS

var selButtom = document.getElementById('selectText'); //store the button value in a variable
var frame = document.getElementById('frame'); // store iframe in variable

selButtom.addEventListener("click", function(){
    var frameContent = frame.contentDocument; // get content of iframe
    frameContent.execCommand('selectAll'); // execute select command
},false);