如何防止 HTML 文字被選擇？

如何阻止HTML 文字被選擇

如果您希望將文字作為標籤嵌入網頁中並停用其可選擇性，請阻止當滑鼠懸停在文字上時，滑鼠遊標不再轉換為文字選擇遊標。

CSS3解決方案：

如果針對現代瀏覽器，請使用CSS3：

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

<label class="unselectable">Unselectable label</label>

<script>Java <strong></script>

對於較舊的瀏覽器， JavaScript 後備方法可以是使用：

    
        <title>SO question 2310734</title>
        <script>
            window.onload = function() {
                var labels = document.getElementsByTagName('label');
                for (var i = 0; i < labels.length; i++) {
                    disableSelection(labels[i]);
                }
            };
            function disableSelection(element) {
                if (typeof element.onselectstart != 'undefined') {
                    element.onselectstart = function() { return false; };
                } else if (typeof element.style.MozUserSelect != 'undefined') {
                    element.style.MozUserSelect = 'none';
                } else {
                    element.onmousedown = function() { return false; };
                }
            }
        </script>
    
    
        <label>Try to select this</label>
    

jQuery 解決方案：

如果使用🎜>如果使用jQuery，請使用以下程式碼擴充其功能：

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