单击时选择 Div 在 IE 上不起作用答案

【问题标题】：On click select Div is not working on IE单击时选择 Div 在 IE 上不起作用
【发布时间】：2016-09-09 04:19:16
【问题描述】：

我有一个代码，用于单击选择所有文本。但不幸的是不能在 IE 上工作。谁能解决这个问题。

需要修复所有兼容的浏览器。

此脚本在 IE 9.0 以下运行。不适用于 IE 10 及更高版本。所以请给出解决方案。

代码：

<!DOCTYPE html>
<html>
<head>
<title>autoresizing textarea</title>
<style type="text/css">
#divid {
    display:inline-block;
    border: solid 1px #000;
    min-height: 20px;
    width: 300px;
}
</style>
<script type="text/javascript">
 function selectText(containerid) {
        if (document.selection) {
            var range = document.body.createTextRange();
            range.moveToElementText(document.getElementById(containerid));
            range.select();
        } else if (window.getSelection) {
            var range = document.createRange();
            range.selectNode(document.getElementById(containerid));
            window.getSelection().addRange(range);
        }
    }
</script>

</head>
<body>

<div id="divid" onclick="selectText('divid')">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>

<div>
                                                    Lorem Ipsum is simply dummy text &nbsp;</div>




</body>
</html>

【问题讨论】：

与stackoverflow.com/questions/7003784/…重复
@LouysPatriceBessette 可能确实包含答案，但它不是重复的。它看起来与这个问题相反......
@T J 嗯。你说得对。我评论太快了。
@user3859368...您只想在点击时选择所有文本，还是想对用户手动选择的文本执行某些操作？
@LouysPatriceBessette 是的。它只是重复的。但是这个脚本在 IE 9.0 以下运行。不适用于 IE 10 及更高版本。请为此提供解决方案

标签： javascript css

【解决方案1】：

如果只想选择 div 中包含的所有文本 onclick...
只需删除所有旧脚本并为此更改 div 声明：

<div id="divid" onclick="this.select();">

它与浏览器兼容。

-----
编辑

您问题中脚本的问题在于它依赖于 selection 对象，该对象自 Explorer 11 以来已被弃用。请参见此处：https://msdn.microsoft.com/en-us/library/ms535869(v=vs.85).aspx

MSDN 建议将其“替换为”getSelection，但指向它的链接指向已弃用的 selection 对象的方法。所以...

反正全选是不是很复杂？

【讨论】：

你使用的是哪个IE版本？，相同的代码在IE8.0中运行良好，我检查了。
这是一个简单的 select() 命令。 «this» 是一个对象选择器，在这种情况下可以理解为 «self»。
@BanwariYadav IE 9 及更高版本无法正常工作。我已经检查过 ie 11
@user3859368 «[不再支持选择。从 Internet Explorer 11 开始，使用 getSelection。有关信息，请参阅兼容性更改。]» ref : msdn.microsoft.com/en-us/library/ms535869(v=vs.85).aspx
@user3859368 : 只选择你的 div 中的所有内容......只需使用与浏览器兼容的简单方法，忘记你的旧脚本。 ;)