div中的控件不应是可单击的

Question

我有问题和答案内div.It包含标签显示问题和选项.I希望用户不应该能够复制这个目录内的任何东西，单选按钮列表应该不应该是可点击的.I使用下列css但它在IE11中不起作用。它只适用于输入控制。请帮帮忙。

#divmain
{  
 pointer-events: none; 
}        

Answer 1

如果我理解你的问题，你想阻止用户复制你的内容。你可以通过使用CSS user-select来解决这个问题，如下所示：

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

-o-user-select: none;

user-select: none;

这在火狐、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方法如果您想通过脚本而不是CSS属性禁用它，这些方法可以帮助您:如果您使用的是jQuery版本的1.4.3+：

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

如果不是：

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