網頁中的CSS技術可以讓開發者按照自己的設計創意來美化網頁,然而總有些用戶為了竊取網站上的信息卻會利用瀏覽器中的工具條,通過右鍵或左鍵菜單來獲取其他人的權益。為了保護網站上的成果,我們就需要禁用網頁中的左右鍵菜單。
body{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; } pre{ background-color: #fff; border: 1px solid #000; padding: 10px; }
如上所示,我們只需要在CSS文件中加入上述代碼即可禁用網頁中的左右鍵菜單。其中,-webkit、-moz、-ms、-o是為了兼容不同瀏覽器的寫法,而user-select:none則是真正禁用了用戶選擇的元素。如果想通過代碼實現,也可以在網頁的<body>標簽中加入oncontextmenu="return false",這樣同樣可以禁用右鍵菜單。當然,這種方法只是防止了簡單的右鍵菜單,對于許多其他的開發手段還是需要更嚴謹的措施保護網站。
總之,禁止左右鍵的CSS技術是網絡保護的一種手段,對于保護網站的安全和版權至關重要,建議在開發中注意這樣的問題。