注冊(cè)|登錄

聯(lián)系電話:024-31891684  13390130939
沈陽(yáng)軟件公司--沈陽(yáng)軟件定制

沈陽(yáng)軟件開(kāi)發(fā)_沈陽(yáng)軟件公司_沈陽(yáng)軟件定制/軟件/最新技術(shù)

Latest technology最新技術(shù)

利用JS實(shí)現(xiàn)WEB程序中的上下文菜單

瀏覽量:4215

上下文菜單在CS結(jié)構(gòu)中經(jīng)常出現(xiàn),現(xiàn)因項(xiàng)目需求,需要在BS結(jié)構(gòu)中實(shí)現(xiàn)上下文菜單,在網(wǎng)上查找案例,再經(jīng)過(guò)自己改進(jìn),終于達(dá)到項(xiàng)目要求,現(xiàn)貼出代碼

 

html頁(yè)面加入代碼:

  <div id="menu" class='DreamMenu' style="width:100px;">
        <a href='javascript:void(0);' onclick='edit();'  id="aedit">
            編輯</a>
        <ul>
        </ul>
        <a href='javascript:void(0);' onclick='delall();'  id="adel">
            刪除</a>
                <ul>
        </ul>   
        <a href='javascript:void(0);' onclick='show();'  id="adetail">
            詳情</a>
    </div>

js頁(yè)代碼:

if(!document.all) document.captureEvents(Event.MOUSEDOWN);
var _Tmenu = 0;
var _Amenu = 0;
var _Type = 'checkbox';
var _Menu  = "null";
document.onclick = _Hidden;
function _Hidden()
{
if(_Tmenu==0) return;
document.getElementById(_Tmenu).style.visibility='hidden';
_Tmenu=0;
}

document.oncontextmenu = function (e)
{
_Hidden();
var _Obj = document.all ? event.srcElement : e.target;
if((_Type.indexOf(_Obj.type) == -1 || _Obj.type=="")&&_Obj.tagName!="TD") return;
_Amenu = _Obj.getAttribute('menu');
if(_Amenu == 'null'||_Amenu==null) return;
if(document.all) e = event;
_ShowMenu(_Amenu, e);
   permissionkey(); //判斷權(quán)限
return false;
}
function permissionkey(){};
function _ShowMenu(Eid, event)
{
_Menu = document.getElementById(Eid);
var _Left = event.clientX + document.body.scrollLeft;
var _Top = event.clientY + document.body.scrollTop;
_Menu.style.left = _Left.toString() + 'px';
_Menu.style.top = _Top.toString() + 'px';
_Menu.style.visibility = 'visible';
_Tmenu = Eid;
_Menu.onclick = transfer;
_Menu.oncontextmenu = no_context_menu;
}
function transfer(e){
e=e||window.event;e.cancelBubble=true;
}
 
function no_context_menu(e){
e=e||window.event;
e=e||window.event;e.cancelBubble=true;
return;
}
Css代碼:
.DreamMenu {
position: absolute;
visibility: hidden;
z-index: 100;
overflow: hidden;
width: 70px;
background-color: buttonface;
border: dimgray 1px solid !important;
border: buttonhighlight menu menu buttonhighlight 2px outset;
padding: 1px !important;
padding: 1px 1px 1px 0px;
font-size: 12px;
}
.DreamMenu ul {
margin: 1px;
border-bottom: buttonhighlight 1px solid;
border-top: buttonshadow 1px solid;
}
.DreamMenu a {
display: block;
width: 100%;
padding: 1px 2px 2px 20px;
cursor: default;
text-decoration: none;
color: #000000;
}
.DreamMenu a:hover {
background: highlight;
color: #ffffff;
}

沈陽(yáng)團(tuán)購(gòu)網(wǎng)|營(yíng)口網(wǎng)站制作|沈陽(yáng)軟件公司|軟件定制|網(wǎng)站建設(shè)|加盟易勢(shì)|提交問(wèn)題

主站蜘蛛池模板: 免费一级毛片完整版在线看| 国产精品91av| 中文字幕一区二区三区人妻少妇| 极品人体西西44f大尺度| 亚洲蜜芽在线精品一区| 精品无码成人网站久久久久久| 国产偷国产偷亚洲高清日韩| 浮力影院国产第一页| 国语自产精品视频在线区| 一女被两男吃奶玩乳尖| 美女开嫩苞视频在线播放| 国产成人无码一区二区三区| 56prom在线精品国产| 大学生初次破苞免费视频| 一本大道香焦在线视频| 撞击着云韵的肉臀| 久久国产乱子伦精品免费看| 极品国产人妖chinesets| 亚洲日本va中文字幕久久 | 美国bbbbbbbbb免费毛片| 在线成年人视频| 一区二区三区观看| 成年人在线免费看视频| 久久九九AV免费精品| 日韩精品一卡二卡三卡四卡2021| 亚洲另类春色国产精品| 欧美最猛黑人xxxx黑人猛交| 亚洲色无码一区二区三区| 福利视频免费看| 午夜91理论片| 综合欧美一区二区三区| 国产∨亚洲v天堂无码久久久| 青柠直播视频在线观看网| 国产成人A∨激情视频厨房| 婷婷激情综合网| 国产精品久久久久免费a∨ | 18以下岁毛片在免费播放| 国内精品伊人久久久久妇| 99精品在线免费| 天天摸天天摸色综合舒服网| yjsp妖精视频网站|