getSelection() 在 IE 中不起作用

Java

一篇关于在IE中getSelection()不起作用的文章

在编程中，我们经常需要获取用户在页面上选中的文本内容。在大多数现代浏览器中，我们可以使用JavaScript的getSelection()方法来实现这个功能。然而，在Internet Explorer（IE）浏览器中，getSelection()方法并不起作用，这给开发者带来了一些困扰。

案例代码：

下面是一个简单的案例代码，演示了在IE浏览器中getSelection()方法无法获取选中文本的问题。

Javascript
<button onclick="getSelectedText()">获取选中文本</button>
<script>
function getSelectedText() {
    var selectedText;
    if (window.getSelection) {
        selectedText = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        selectedText = document.selection.createRange().text;
    }
    alert("选中的文本内容是: " + selectedText);
}
</script>

在大多数现代浏览器中，当用户在页面上选中一段文本后，点击"获取选中文本"按钮，会弹出一个对话框显示选中的文本内容。然而，在IE浏览器中，这段代码并不能正确地获取选中的文本内容。

IE中getSelection()方法不可用的解决方案

为了解决在IE浏览器中getSelection()方法不可用的问题，我们可以使用document.selection对象来获取选中的文本内容。

Javascript
function getSelectedText() {
    var selectedText;
    if (window.getSelection) {
        selectedText = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        selectedText = document.selection.createRange().text;
    }
    alert("选中的文本内容是: " + selectedText);
}

在上述代码中，我们首先检查浏览器是否支持window.getSelection()方法，如果支持，就使用该方法获取选中的文本内容。否则，我们再检查浏览器是否支持document.selection对象，并且选中的内容不是一个控件（如输入框），如果满足这些条件，就使用document.selection.createRange().text来获取选中的文本内容。

在IE浏览器中，getSelection()方法无法获取选中的文本内容。为了解决这个问题，我们可以使用document.selection对象来替代。通过检查浏览器是否支持window.getSelection()方法和document.selection对象，我们可以在大多数浏览器中正确地获取选中的文本内容。

参考资料：

- MDN Web 文档 - getSelection(): https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection

- MDN Web 文档 - document.selection: https://developer.mozilla.org/zh-CN/docs/Web/API/Document/selection