使 IE 中的内容不可选择

Question

这是我用 JS 编写的图表：

http://jsfiddle.net/49FVb/

css ：

-moz-user-select:none;
-khtml-user-select: none;

在 Chrome/FF 上工作正常，但在 IE 中，所有元素仍然可选，这在拖动栏时看起来很奇怪。

我怎样才能使其在 IE 中不可选择？

Answer 1

在 IE 中，您需要 HTML 中的 unselectable 属性：

<div id="foo" unselectable="on">...</div>

...或通过 JavaScript 设置它：

document.getElementById("foo").setAttribute("unselectable", "on");

需要注意的是，不可选择性不会由不可选择元素的子元素继承。这意味着您必须在

内每个元素的开始标记中放置一个属性，或者使用 JavaScript 对元素的后代递归地执行此操作：

function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));

Answer 2

您可以使用 Javascript 使文本在所有浏览器中不可选择：

document.onselectstart=new Function('return false');
function noselect(e){return false;}
function click(){return true;}
document.onmousedown=noselect;
document.onclick=click;

此 SO 线程中描述了另一种方法： 有没有办法使 HTML 页面上的文本不可选择？

最便宜的方法可能是 < /code>

最好的方法可能是使用以下 CSS：

[unselectable=on] { -moz-user-select: none; -khtml-user-select: none; user-select: none; }

并添加 IE 不可选择属性到您想要使其不可选择的元素（HTML 中的 unselectable="on"；element.setAttribute("unselectable","on" ） 在 javascript 中）

查看这篇精彩的关于不可选择文本的小文章。

Answer 3

有一个 unselectable="on" 属性。

http://msdn.microsoft.com/en- us/library/ms537840%28VS.85%29.aspx

以及相关的SO线程：有没有办法使 HTML 页面上的文本不可选择？

Answer 4

到目前为止，这似乎在 Chrome 和 IE11 中运行良好，使用 JQuery...

function fMakeNodeUnselectable(node){      
    $(node).css({"cursor":"default","-moz-user-select":"-moz-none","-khtml-user-select":"none","-webkit-user-select":"none","-o-user-select":"none","user-select":"none"});
    $(node).attr("unselectable","on");
}