如何使我的HTML的某些部分无法选择？

Question

如何使我的HTML的某些部分无法选择？

我有一些绝对定位的div,如果用户试图选择我的页面内容,它会一直被选中.

有没有办法让某些元素(例如那些div)不可选？

编辑:主要问题是当有人复制这些绝对div然后将它们粘贴到我的网站上的富文本编辑器中时,富文本编辑器会在IE上中断.

Answer 1

对于IE,添加属性unselectable="ON".(编辑:虽然不会完全有帮助)

对于Gecko,添加CSS样式-moz-user-select: none.

对于WebKit,添加CSS样式-webkit-user-select: none.

Answer 2

如果您只想隐藏选择矩形，您可以使用

element::selection { background: transparent }

它是 Gecko 的对应物

element::-moz-selection { background: transparent }

如果您想帮助用户选择正确的文本复制到剪贴板，您可以将该元素移开。通常，浏览器在选择时会保留 HTML 中定义的元素顺序。虽然这不是完美的解决方案，但您可以将 HTML 中元素的代码放置在<body>标记的最开头或最末尾。这样，如果用户选择页面中间的某些内容，该元素将太“远”而无法干扰。