Question

我正在使用此代码从窗口文档中选择文本。此代码在所有浏览器中都正常工作：它返回所选文本，但在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>

Answer 1

您应该查看rangy - 跨浏览器的JavaScript范围和选择库。用他们自己的话说：

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

Answer 2

更改

html = container.innerHTML;

到

html = container.innerText;

Answer 3

问题在于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;
}

希望这有帮助

IE8不使用鼠标指针返回所选文本

3 个答案: