div中的控件不应该是可点击的

Question

我在div里面有问题和答案。它包含用于显示问题的标签和用于选项的radiobuttonlist。我希望用户不能复制此div内的任何内容，并且radiobuttonlist不应该是可点击的。我使用了以下css但它不起作用在IE11中。它只适用于输入控件。 请帮忙。

#divmain
{  
 pointer-events: none; 
}        

Answer 1

如果我理解您的问题，您希望阻止用户复制您的竞争者。您只需使用CSS用户选择即可重新启用它：

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

适用于Firefox，Chrome和Safari，IE10及更高版本，但不适用于Opera。

这只会阻止用户选择文本，但这会阻止他们复制文本。对按钮上的文字也很好。

在较旧的IE和Opera中，您可以使用以下方法将其设置为无法选择：

var elem = document.getElementById("yourElement"); elem.unselectable = "on"; // For IE and Opera

在JS中

，或者只是添加不可选择的属性并将其设置为on。

以下是一个示例：http://jsfiddle.net/B9yYt/

Answer 2

请注意，Opera Mini和IE 11及以下版本（包括）不支持此属性。这些浏览器需要另一种解决方案。

jQuery METHOD如果你想通过脚本而不是CSS属性来禁用它，这些可以帮助你：如果你正在使用jQuery版本1.4.3 +：

$('selector').click(false);

如果不是：

$('selector').click(function(){return false;});