html 文字不可选择,有没有办法在HTML页面上使文本无法选择？

慕婉清6462132

在大多数浏览器中，这可以使用CSS实现：*.unselectable {

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

   -khtml-user-select: none;

   -webkit-user-select: none;

   /*

     Introduced in IE 10.

     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/

   */

   -ms-user-select: none;

   user-select: none;}对于IE <10和Opera，您需要使用unselectable您希望不可选择的元素的属性。您可以使用HTML中的属性进行设置：

...

遗憾的是，这个属性不是继承的，这意味着你必须在一个内部的每个元素的开始标记中放置一个属性

。如果这是一个问题，您可以使用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"));