如何防止 HTML 中的文字選擇？

HTML 中不可選取的文字

問題： 在HTML UI 中，是否可以阻止使用者選擇特定的文字文字元素，例如選項卡名字？

答案：

是的，有幾種方法可以使HTML 中的文字不可選擇：

使用CSS：

在現代瀏覽器中，這可以透過CSS使用使用者選擇來實現property:

*.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

使用不可選擇屬性（IE 和 Opera）：

對於舊版本的 IE 和Opera，不可選擇屬性可以應用於特定元素:

<div>

注意：該屬性不被繼承，因此必須為每個不應該選擇的元素指定它。

使用 JavaScript 進行遞歸取消選擇：

或者，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"));

以上是如何防止 HTML 中的文字選擇？的詳細內容。更多資訊請關注PHP中文網其他相關文章！