如何阻止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 後備方法可以是使用:<!doctype html> <html lang="en"> <head> <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> </head> <body> <label>Try to select this</label> </body> </html>
jQuery 解決方案:
如果使用🎜>如果使用jQuery,請使用以下程式碼擴充其功能:以上是如何防止 HTML 文字被選擇?的詳細內容。更多資訊請關注PHP中文網其他相關文章!