注冊|登錄

聯系電話:024-31891684  13390130939
沈陽軟件公司--沈陽軟件定制

沈陽軟件開發_沈陽軟件公司_沈陽軟件定制/軟件/最新技術

Latest technology最新技術

利用JS實現WEB程序中的上下文菜單

瀏覽量:4216

上下文菜單在CS結構中經常出現,現因項目需求,需要在BS結構中實現上下文菜單,在網上查找案例,再經過自己改進,終于達到項目要求,現貼出代碼

 

html頁面加入代碼:

  <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頁代碼:

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(); //判斷權限
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;
}

沈陽團購網|營口網站制作|沈陽軟件公司|軟件定制|網站建設|加盟易勢|提交問題

主站蜘蛛池模板: 久久久综合九色合综国产精品 | 在线播放国产一区二区三区| 中文字幕巨大乳在线看| 本子库里番acg全彩无遮挡| 亚洲精品第二页| 精品人成电影在线观看| 国产一级第一级毛片| 国产极品粉嫩交性大片| 国产精品林美惠子在线观看| 99热这里只有精品66| 妖精动漫在线观看| 中文字幕无码不卡免费视频| 日本高清一二三| 亚洲av无码不卡久久| 欧美精品久久久久久久影视| 做床爱无遮挡免费视频91极品蜜桃臀在线播放 | 好男人资源在线www免费| 丰满熟女高潮毛茸茸欧洲| 日韩内射美女片在线观看网站| 亚洲国产一区二区三区在线观看 | 另类欧美视频二区| 蜜柚免费视频下载| 国产嫩草影院精品免费网址 | 91精品视频免费| 国产福利你懂的| 2021韩国三级理论电影网站| 国内精品一战二战| a级**毛片看久久| 好朋友4韩国完整版观看| 两个人的视频www免费| 无码人妻熟妇av又粗又大| 久久精品中文无码资源站| 最新版天堂中文在线官网| 亚洲乱码卡三乱码新区| 欧美大黑帍在线播放| 亚洲欧美日韩中文字幕在线一| 狠狠精品久久久无码中文字幕| 免费在线观看色| 精品一区二区三区在线视频| 午夜精品久久久久久毛片| 美女内射无套日韩免费播放|