javascript - IE8 不返回使用鼠标指针选择的文本

Question

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

例子:

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

我只想要Summary，所以除 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 范围和选择库。用他们自己的话说:

It provides a simple standards-based API for performing common DOM Range and Selection tasks in all major browsers, abstracting away the wildly different implementations of this functionality between Internet Explorer up to and including version 8 and DOM-compliant browsers.