Html Chrome阻止文本选择不适用于全选_Html_Css_Google Chrome

Html Chrome阻止文本选择不适用于全选

html css google-chrome

Html Chrome阻止文本选择不适用于全选,html,css,google-chrome,Html,Css,Google Chrome,我有一个非常简单的带有div的HTML页面，我只想禁用其中一个div的用户选择。它在Firefox上运行良好，但在Chrome上失败。失败的是：当我用鼠标选择所有页面，复制并粘贴到记事本中时，我会得到所有文本，即使是不可选择的文本。当我在整个页面上按ctrl+A组合键时，也会发生同样的情况以下是HTML： <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"

我有一个非常简单的带有div的HTML页面，我只想禁用其中一个div的用户选择。它在Firefox上运行良好，但在Chrome上失败。失败的是：当我用鼠标选择所有页面，复制并粘贴到记事本中时，我会得到所有文本，即使是不可选择的文本。当我在整个页面上按ctrl+A组合键时，也会发生同样的情况

以下是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>


试验
.不可选择{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
开始
不可选择文本
终点

当我删除第一个div或最后一个div时，效果很好：我不会在复制/粘贴中得到“不可选择的文本”。我的Chrome版本是最新的：47.0.2526.111 我想要一个没有任何Javascript的解决方案，或者仅仅是普通的解决方案：我的页面上没有jQuery，我也不想

谢谢你的帮助

我也遇到了这个问题，我使用：

unselectable=“on”

不可选择的文本

您试过这个吗@Vinod Balakrishnan谢谢，但我的页面上没有jQuey（也不想：）。我编辑我的文章就是为了提到这一点。代码可以很容易地移植到不使用jQuery的地方。也就是说，我不会指望这是某种安全/DRM功能。如果人们真的想复制一些文本，他们可以使用开发工具或直接从源代码中复制。@JonSnow当然，这不是我这边的安全问题，而且可以将其翻译成普通javascript。但你们不认为这是一个Chrome bug，因为它在Firefox中工作，如果之前或之后没有任何元素存在，它在Chrome中工作？@toni07我认为这可能是一个bug，因为根据MDN，user select仍处于试验阶段……webkit浏览器中的这个bug问题在本网站上也得到了强调。。。。有趣的

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