JavaScirpt 右键菜单

    技术2022-05-11  71

    这是我前几天做的一个右键菜单.... <%-- /***作者:曹欣*/ --%> < html > < head > < title > 右键菜单 </ title > < script language = " JavaScript " > function  RightClickMenu() {    popMenu(DivMenu,10);    event.returnValue=false;    event.cancelBubble=true;    return false;} function  popMenu(menuDiv,width) {    //创建弹出菜单    var pop=window.createPopup();    var context;       context ="<table width='100%' border='1' cellspacing='0' bordercolor='#C8DFDE' bgcolor='#FFFFFF' style='border-collapse:collapse; border-color:#7FB6B3; '>";    context += "<tr> <td bgcolor='#b1d2d0' height='25'><div align='center'><font color='#000000' size='-1'>选择操作类型</font></div></td></tr>";    context += "<tr> <td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作A</div></font></td></tr>";    context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作B</div></font></td></tr>";      context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作C</div></font></td></tr>";    context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作D</div></font></td></tr>";    context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作E</div></font></td></tr>";    context += "</table>";    pop.document.body.innerHTML=context;    //屏蔽菜单的菜单    pop.document.oncontextmenu=function()    {            return false;    }    //选择一项后,菜单隐藏    pop.document.onclick=function()    {            pop.hide();    }    //显示菜单    pop.show(event.clientX-1,event.clientY,100,150,document.body);    return true;} function  ShowDiv() {    alert("I'm a Event.....");} </ script > </ head > < body oncontextmenu  =  RightClickMenu() > <!-- 需要显示的右键菜单 --> < div id = " DivMenu "  style = " display:none " > </ div > </ body > </ html >

    最新回复(0)