3

我正在使用此代码从窗口文档中选择文本。此代码在所有浏览器中都可以正常工作：它返回选定的文本，但在 IE8 中它不给出选定的文本。相反，它给出了所选行的整个 HTML。有人可以给我解决方案吗？

例子：

<B><U><SPAN style="LINE-HEIGHT: 150%; FONT-FAMILY: 'Arial',
'sans-serif'; FONT-SIZE: 12pt">Summary</SPAN></U></B>

我只想要摘要，所以所有主流浏览器都会返回这个，除了 IE8。

<script type="text/javascript">
    function getSelectionText(id) {
        var html = "";
        if (typeof window.getSelection != "undefined") {
            var sel = window.getSelection();
            if (sel.rangeCount) {
                var container = document.createElement("div");
                for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                    container.appendChild(sel.getRangeAt(i).cloneContents());
                }
                html = container.innerHTML;
            }
        } else if (typeof document.selection != "undefined") {
            if (document.selection.type == "Text") {
                html = document.selection.createRange().htmlText;
            }
        }
        document.getElementById(id).value = html;
        //document.getElementById(id).value = html;
    }       
</script>
4

3 回答 3

1

您应该研究rangy - 一个跨浏览器的 JavaScript 范围和选择库。用他们自己的话来说：

它提供了一个简单的基于标准的 API，用于在所有主要浏览器中执行常见的 DOM 范围和选择任务，抽象出 Internet Explorer （包括版本 8）和兼容 DOM 的浏览器之间该功能的完全不同的实现。

于 2013-05-09T09:08:54.493 回答
0

改变

html = 容器.innerHTML;

进入

html = container.innerText;

于 2013-05-09T09:49:21.393 回答
0

问题在于 IE8 中的以下行

html = document.selection.createRange().htmlText;

改成这个

html = document.selection.createRange().text;

下面是一个不错的简单功能，似乎对我很有效

function getSelectedText() {
  var txt = '';
  if (window.getSelection) {
    txt = window.getSelection();
  }
  else if (document.getSelection) {
    txt = document.getSelection();
  }
  else if (document.selection) {
    txt = document.selection.createRange().text;
  }
  else return; 
  return txt;
}

希望这可以帮助

于 2013-05-09T10:05:44.757 回答