CSS技術不僅僅可以美化網頁,還可以增加安全性。其中一個安全技術就是防止復制右鍵。在一些保密的網站或者需要保護知識產權的網站,防止復制右鍵是非常必要的。通過CSS技術,可以輕松實現防止復制右鍵的效果。
具體實現方法如下,我們可以通過CSS設置body的oncontextmenu事件為return false。這樣,在按下鼠標右鍵時,就無法彈出右鍵菜單。同時,我們也可以為body設置onselectstart事件為return false,這樣就無法選中網頁上的文字,從而實現防止復制的效果。
body{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; oncontextmenu:return false; }
需要注意的是,這種防止復制的效果可以輕易地被繞過。在瀏覽器開發者工具里,只需要找到對應元素的元素選擇器,然后取消掉其中的user-select和oncontextmenu屬性的設置,就可以實現復制和右鍵菜單了。所以,這種技術只是起到一定的防護作用,不能完全保證網頁內容不被復制。