拉上窗簾,感慨良多。別讓工作占據(jù)了所有的生活呀,朝九晚六,回家還能擼貓呀。,貓咪睡覺(jué)了,咱還能寫(xiě)代碼呀,代碼寫(xiě)完了,起碼得寫(xiě)篇隨筆顯擺下呀,別只貼上代碼就完事了,你還得介紹開(kāi)發(fā)步驟和心得呀,這也是我這么晚了還來(lái)寫(xiě)這篇無(wú)聊的隨筆的原因。
寫(xiě)代碼不是工作,所以我基本是隨心所欲,自己想到哪就寫(xiě)到哪,自己開(kāi)心就好??吹桨俣仍票P(pán)(網(wǎng)頁(yè)版)上面文件夾的右鍵菜單,才注意到原來(lái)網(wǎng)頁(yè)右鍵菜單可以人為改變的,于是洗干凈粘滿貓毛的雙手,擼起了鍵盤(pán),經(jīng)過(guò)幾次斷斷續(xù)續(xù)的嘗試,擼出了一個(gè)DEMO。
既然是右鍵菜單,首先就要重寫(xiě)下右鍵單擊的功能。先準(zhǔn)備一個(gè)用來(lái)右鍵單擊的元素:
<div id="test"></div>
簡(jiǎn)要定義下高度、寬度和背景色:
#test { width:200px; height:200px; background-color:green; }
接下來(lái)就來(lái)編寫(xiě)這個(gè)div的右鍵單擊事件,由于元素默認(rèn)都有右鍵菜單,所以我們首先要去掉默認(rèn)默認(rèn)菜單: