[英]how to get selected text from iframe with javascript?
<html>
<body>
<script type="text/javascript">
function smth() {
if (document.getSelection) {
var str = document.getSelection();
if (window.RegExp) {
var regstr = unescape("%20%20%20%20%20");
var regexp = new RegExp(regstr, "g");
str = str.replace(regexp, "");
}
} else if (document.selection && document.selection.createRange) {
var range = document.selection.createRange();
var str = range.text;
}
alert(str);
}
</script>
<iframe id="my" width="300" height="225">
.....some html ....
</iframe>
<a href="#" onclick="smth();">AA</a>
</body>
</html>
使用smth
函数我可以从某些div中获取所选文本,但它不适用于iframe。 任何想法如何从iframe中获取所选文本?
document.getSelection
在外部文件上。 要在iframe中选择文档,您需要获取内部文档:
var iframe= document.getElementById('my');
var idoc= iframe.contentDocument || iframe.contentWindow.document; // ie compatibility
idoc.getSelection()
但请注意,WebKit不支持document.getSelection()
或 document.selection
。 尝试用在Firefox和WebKit中都有效的window.getSelection()
替换它,但返回一个选择对象(Ranges周围的集合/包装器),需要字符串:
var idoc= iframe.contentDocument || iframe.contentWindow.document;
var iwin= iframe.contentWindow || iframe.contentDocument.defaultView;
''+iwin.getSelection()
我不确定这是什么意思:
if (window.RegExp) {
var regstr = unescape("%20%20%20%20%20");
var regexp = new RegExp(regstr, "g");
str = str.replace(regexp, "");
}
RegExp
是可以追溯到最早版本的基本JavaScript; 它会一直存在,你不必嗅闻它。 多个空格的URL编码是非常不必要的。 你甚至不需要RegExp,字符串替换可以写成:
str= str.split(' ').join('');
您无法访问来自与您的域不同的域的iframe
内的数据。 这是由于同源政策 。
您需要从iframe中的文档/窗口中进行选择。
function getIframeSelectionText(iframe) {
var win = iframe.contentWindow;
var doc = win.document;
if (win.getSelection) {
return win.getSelection().toString();
} else if (doc.selection && doc.selection.createRange) {
return doc.selection.createRange().text;
}
}
var iframe = document.getElementById("my");
alert(getIframeSelectionText(iframe));
以下代码将返回所选文本。
function getSelectedText(frameId) {
// In ExtJS use:
// var frame = Ext.getDom(frameId);
var frame = document.getElementById(frameId);
var frameWindow = frame && frame.contentWindow;
var frameDocument = frameWindow && frameWindow.document;
if (frameDocument) {
if (frameDocument.getSelection) {
// Most browsers
return String(frameDocument.getSelection());
}
else if (frameDocument.selection) {
// Internet Explorer 8 and below
return frameDocument.selection.createRange().text;
}
else if (frameWindow.getSelection) {
// Safari 3
return String(frameWindow.getSelection());
}
}
/* Fall-through. This could happen if this function is called
on a frame that doesn't exist or that isn't ready yet. */
return '';
}
希望这会对某人有所帮助。
此代码适用于所有现代浏览器:
var iframe = document.getElementById('my');
var idoc = iframe.contentDocument || iframe.contentWindow.document; // ie compatibility
var text = idoc.getSelection().toString();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.