Question

我有一个非常简单的带有div的HTML页面，我想禁用其中一个div的用户选择。它在Firefox上运行良好，但在Chrome上失败了。失败的是：当我用鼠标选择所有页面时，复制它并将其粘贴到记事本中，我得到所有文本，甚至是那些不应该被选择的文本。当我按住整个页面的时候会发生同样的事情。

这是HTML：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Test</title>
<style> 
    .unselectable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
</style>
</head>
<body>

<div>Start</div>
<div class="unselectable">Unselectable text</div>
<div>End</div>

</body>
</html>

当我删除第一个div或最后一个div时，它运行良好：我的复制/粘贴中没有“Unselectable text”。 我的Chrome版本是最新的：47.0.2526.111 我想要一个没有任何Javascript或者只有vanilla的解决方案：我的页面上没有jQuery，并且不想这样做。

感谢您的帮助！

Answer 1

我也遇到了这个问题，我找到了解决方案：unselectable="on"

<div unselectable="on" class="unselectable">Unselectable text</div>

Chrome防止文本选择无效选择全部

1 个答案: