文本选择Internet Explorer

Question

我尝试在此代码中禁用文本选择没有成功。 编辑（感谢techfoobar）： http : //jsfiddle.net/5uG63/3/我将大部分代码应用到的唯一元素是其中包含三个元素的元素。 您将可以突出显示其中的其余部分。 我知道所有拖动功能都无法正常工作，因为看到这是一大段代码的一小段，如果看到它是通过Ajax获取元素，则很难发布。 我并不真正担心用户选择文本可能会获取信息，但是有时候选择文本时会干扰拖放功能。

对于包含这三个元素的元素，以及启用它们后的所有其他元素，似乎只有一种情况发生。 使用Internet Explorer，如果要单击最左侧两个框之间的空白区域的中心，然后将鼠标拖到两个框的最右侧，则数字3将变为选中状态。 我正在使用Internet Explorer 9。

我试图在CSS中禁用它，似乎效果不大。 我认为问题在于它是从所在的div外部选择的。

那就是我使用的CSS： 如何使用CSS禁用文本选择突出显示？

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

谢谢你的帮助！

Answer 1

对于您的表，您已经指定了onselectstart="select()" 。 您应该将其更改为onselectstart="return select()" （注意return ），以确保将从select（）函数返回的false通知浏览器，从而阻止选择。

检查此小提琴 ： http : //jsfiddle.net/5uG63/4/

注意：仅当您从元素本身开始选择时，此方法才有效。 如果您从表格外部开始选择，则仍然会选择内容。