点击选择Div不在IE上工作

On click select Div is not working on IE

本文关键字：IE 工作 不在 Div 选择      更新时间：2023-09-26

我有一个代码，用于点击选择所有文本。但不幸的是，没有在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>

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

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

它与浏览器兼容。



----
编辑

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

MSDN建议将其"替换为"getSelection，但指向它的链接导致了不推荐使用的selection对象的方法。所以…

不管怎样，只选择所有不是很复杂吗

相关文章：