其實在網頁上實現右鍵菜單的風格化已經是一個老話題了,正常情況下,網頁上的右鍵菜單是默認ie右鍵選項,包括了一些常用的功能。
但有時候我們會遇到這樣的問題,我們希望禁止訪問者使用右鍵菜單或者希望屏蔽右鍵菜單的某些功能,比如,為了保護網頁內容我們不希望訪問者通過右鍵菜單來查看網頁源代碼,也不希望其通過右鍵來對網頁內容進行選取、復制等,很多網頁設計者在考慮這個問題的時候都是簡單地對右鍵進行屏蔽,與其這樣我們還不如用腳本來實現一個風格右鍵菜單,并在這個右鍵菜單中裝上我們自己的內容。下面我們來嘗試一下這個設想。
我們首先要考慮的問題是通過鼠標右鍵單擊事件來調用一個函數,這個函數用來顯示新的右鍵菜單的內容。我們知道鼠標的右鍵單擊事件是通過document.oncontextmenu來調用的,如果我們自行定義document.oncontextmenu=某個函數,這樣就可以實現新右鍵菜單的調用了,關鍵問題是如何通過這個函數來控制菜單的顯示,同時,還要通過窗體的單擊事件document.body.onclick(一般指左鍵單擊)來隱藏菜單,這樣一個過程就完成了鼠標右鍵菜單的彈出和隱藏。
首先來看看這段腳本代碼:
/*初始化*/<script language=javascript1.2>/*如果當前瀏覽器是internet explorer,document.all就返回真*/if (document.all && window.print) {
/*選擇菜單方塊的顯示樣式*/ie5menu.classname = menuskin;
/*重定向鼠標右鍵事件的處理過程為自定義程序showmenuie5*/document.oncontextmenu = showmenuie5;
/*重定向鼠標左鍵事件的處理過程為自定義程序hidemenuie5*/document.body.onclick = hidemenuie5;}</script>
天津SEO優化之錨文本鏈接分析企業網站建設也需要順勢而為幾個頗有創意的企業網站推廣方法響應式網頁設計如何幫助您的企業網站seo一下網站后臺的結構,你了解多少?的集合網站結構對網站seo優化的影響網站建設中域名選擇的重要性關于網站運營推廣的管理學思維網站能給公司帶來多少回報疑問解答