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