js怎么切換鼠標右鍵事件_js鼠標右鍵點擊事件

1、本文格式為word版，下載可任意編輯js怎么切換鼠標右鍵事件_js鼠標右鍵點擊事件 學習前端的同學你們知道js怎么切換鼠標右鍵大事嗎?不知道的話跟著我一起來學習了解切換鼠標右鍵大事的方法吧。 js 切換鼠標右鍵大事的方法 %- /* *實現(xiàn)右鍵菜單功能 */ -% html body oncontextmenu = showmenu() form name = menuform !-隱蔽框，用來保存選擇的菜單的id值- input type = hidden name = id value = table trtda href=javascript：clickmenu() oncontextm

2、enu = showmenu(0)根名目/a/td/tr trtda href=javascript：clickmenu() oncontextmenu = showmenu(1)菜單一/a/td/tr trtda href=javascript：clickmenu() oncontextmenu = showmenu(2)菜單二/a/td/tr /table /form /body !- 這里用來定義需要顯示的右鍵菜單 - div id=itemmenu style=display:none table border=1 width=100% height=100% bgcolor=#ccc

3、ccc style=border:thin cellspacing=0 tr td style=cursor:default;border:outset 1; align=center onclick=parent.create() 新增 /td /tr tr td style=cursor:default;border:outset 1; align=center onclick=parent.update(); 修改 /td /tr tr td style=cursor:default;border:outset 1; align=center onclick=parent.del() 刪

4、除 /td /tr /table /div !- 右鍵菜單結(jié)束- /html script language=javascript /* *依據(jù)傳入的id顯示右鍵菜單 */ function showmenu(id) menuform.id.value = id; if( = id) popmenu(itemmenu,100,100); else popmenu(itemmenu,100,111); event.returnvalue=false; event.cancelbubble=true; return false; /* *顯示彈出菜單 *menudiv:右鍵菜單的內(nèi)容 *width

5、:行顯示的寬度 *rowcontrolstring:行掌握字符串，0表示不顯示，1表示顯示，如"101'，則表示第1、3行顯示，第2行不顯示 */ function popmenu(menudiv,width,rowcontrolstring) /創(chuàng)建彈出菜單 var pop=window.createpopup(); /設置彈出菜單的內(nèi)容 pop.document.body.innerhtml=menudiv.innerhtml; var rowobjs=pop.document.body.all0.rows; /獲得彈出菜單的行數(shù) var rowcount=rowobjs

6、.length; /循環(huán)設置每行的屬性 for(var i=0;irowobjs.length;i+) /假如設置該行不顯示，則行數(shù)減一 var hide=rowcontrolstring.charat(i)!=1; if(hide) rowcount-; /設置是否顯示該行 rowobjsi.style.display=(hide)?none:; /設置鼠標滑入該行時的效果 rowobjsi.cells0.onmouseover=function() this.style.background=#818181; this.style.color=white; /設置鼠標滑出該行時的效果 ro

7、wobjsi.cells0.onmouseout=function() this.style.background=#cccccc; this.style.color=black; /屏蔽菜單的菜單 pop.document.oncontextmenu=function() return false; /選擇右鍵菜單的一項后，菜單隱蔽 pop.document.onclick=function() pop.hide(); /顯示菜單 pop.show(event.clientx-1,event.clienty,width,rowcount*25,document.body); return true; function create() alert(create + menuform.id.value + !); function update() alert(update + menuform.id.value + !); function del() al