如何防止 HTML 頁面上的文字選擇？

防止 HTML 頁面上的文字選擇

問題：

問題：

增強🎜>增強頁面，如何使文字元素（如選項卡名稱）不可選擇以避免無意的選擇

CSS/HTML 解決方案：

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

   -ms-user-select: none;
   user-select: none;
}

在大多數瀏覽器中，可以應用以下CSS：

<div>

對於不突出顯示的元素繼承這個屬性，例如在IE中

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"));

作為手動新增不可選擇屬性的遞歸替代方案對於容器內的每個元素，可以使用JavaScript：

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