使 IE 中的内容不可选择

这是我用 JS 写的图表：

http://jsfiddle.net/49FVb/ http://jsfiddle.net/49FVb/

The css:

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

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

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

在 IE 中，您需要unselectableHTML 中的属性：

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

...或通过 JavaScript 设置：

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

需要注意的是，不可选择元素不会由不可选择元素的子元素继承。这意味着您必须在每个元素的开始标记中放置一个属性<div>或者使用 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"));