“选择iframe中的所有文字”按钮?

问题描述 投票:0回答:2

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

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

这可能吗? (例如,通过jQuery / JavaScript。)

jquery html button iframe selectall
2个回答
0
投票

iframes有一个名为contentDocument的DOM属性,它返回由frame或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);

0
投票

使用iFrameName.window你可以使用iframe页面的任何方法。

要选择文本,您可以尝试https://code.google.com/p/rangy/。只需简单地将所有document.body替换为iFrameName.window.document.body

或者一种简单的替代方式:只需使用iFrameName.window.document.execCommand("selectAll")

© www.soinside.com 2019 - 2024. All rights reserved.