在網站開發中,經常會遇到需要禁止用戶復制選中內容的需求,例如網站文章、圖片等。
這種需求可以通過CSS樣式表來實現,具體做法如下:
body {
/* 禁止選擇文本 */
user-select: none;
/* 禁止鼠標和手勢事件 */
pointer-events: none;
}
/* 禁止右鍵菜單 */
body::before {
content: "";
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: transparent;
z-index: -1;
}
/* 以下為兼容不同瀏覽器的寫法 */
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
上述代碼會將整個
元素的文本選擇、鼠標和手勢事件禁止,并在鼠標右鍵點擊時不出現菜單欄。需要注意的是,以上樣式代碼并不能完全禁止用戶復制選中內容,在終端等不同環境下,用戶仍然可以通過一些方法進行復制,更好的選擇是將敏感內容使用圖片、視頻等元素呈現,以確保信息安全。
上一篇mysql定期改密碼
下一篇css禁止源代碼