Mouse right-click event code (asp.net background)_javascript skills

The js code is as follows:

Copy code The code is as follows: //Disable right-click menu document.oncontextmenu=ContextMenu; //Mouse right-click event function ContextMenu() { //Create two variables , as the coordinate of the menu appearing var x; var y; //Get the external Div of the menu (hereinafter referred to as the panel) var FramePanel=document.getElementById("FrameDiv"); //Get the panel width and height var PanelWidth=parseInt(FramePanel.style.width.replace("px","")); var PanelHeight=parseInt(FramePanel.style.height.replace("px ","")); //Get the mouse coordinates var MouseX=event.clientX; var MouseY=event.clientY; //Get the width and height of the web page window var WindowWidth=document.body.offsetWidth; var WindowHeight=document.documentElement.offsetHeight; //If the mouse >=WindowWidth) { x=MouseX-PanelWidth-20; } else { x=MouseX; } //If the mouse Y coordinate panel height>Web page window height, then the top of the panel displays if((MouseY PanelHeight)>=WindowHeight) { y=MouseY-PanelHeight-20; } else { y=MouseY; } //Display panel FramePanel.style.left=x; FramePanel.style.top=y; FramePanel. style.display="block"; //Hide the secondary menu document.getElementById("ChildDiv").style.display="none"; return false;//This code is equal to event.returnValue=false; } //The mouse selects the menu, parameter description: arg is the menu Div, imageUrl refers to the image address to be replaced, hasChildMenu refers to whether the menu has a submenu, childPanelId refers to the submenu ID (if there is a submenu) function MenuOnMouseOver(arg,imageUrl,hasChildMenu,childPanelId) { //Replace the background image (the image path is a relative path) arg.style.backgroundImage= "url('" imageUrl "')"; //Change the div background color arg.style.backgroundColor="#1665CB"; //Change the font color arg.style.color ="#ffffff"; //If there is a submenu under this menu if(hasChildMenu) { //Create two variables as the coordinates where the menu appears var x; var y; //Get the submenu Div (hereinafter referred to as the subpanel) var ChildPanel=document.getElementById(childPanelId); //debugger; //Get the width of the subpanel and height var ChildPanelWidth=parseInt(ChildPanel.style.width.replace("px","")); var ChildPanelHeight=parseInt(ChildPanel.style.width.replace("px","") ); //Get the parent menu Div (hereinafter referred to as the parent panel) var FramePanel=event.srcElement; //Get the width and height of the parent panel var PanelWidth=FramePanel.offsetWidth; var PanelHeight=FramePanel.offsetHeight; //Get the mouse coordinates var MouseX=event.clientX; var MouseY=event.clientY; //Get the mouse offset position in the parent panel var MouseOffsetWidth=event.offsetX; var MouseOffsetHeight=event.offsetY; //Get the width and height of the web page window var WindowWidth=document.body.offsetWidth; var WindowHeight=document .documentElement.offsetHeight; //If the mouse x=MouseX-MouseOffsetWidth-ChildPanelWidth-3; } else { x=MouseX-MouseOffsetWidth PanelWidth-5; } //If the mouse Y coordinate Panel height>Web page window height, then the top of the panel displays if((MouseY-MouseOffsetHeight ChildPanelHeight)>=WindowHeight-30) { y=MouseY-MouseOffsetHeight-ChildPanelHeight-15; } else { y=MouseY-MouseOffsetHeight 5; } //Display panel ChildPanel.style.left=x; ChildPanel.style.top= y; ChildPanel.style.display="block"; } } //The mouse leaves the menu function MenuOnMouseOut(arg,imageUrl,hasChildMenu,childPanelId) { if(hasChildMenu) { //Submenu div (hereinafter referred to as subpanel) var ChildPanel=document.getElementById(childPanelId); var ToElement=event.toElement; //It should be noted here that the mouse may move to the descendant div of the child panel. At this time, the DOM element of event.ToElement!=ChildPanel (child panel), event.ToElement.parentNode=ChildPanel, if(ToElement= =ChildPanel||ToElement.parentNode==ChildPanel) { ChildPanel.style.display="block"; } else { ChildPanel.style.display=" none"; } } //Replace the background image (the image path is a relative path) arg.style.backgroundImage="url('" imageUrl "')"; / /Change div background color arg.style.backgroundColor="#ffffff"; //Change font color arg.style.color="#000000"; }

The page ASPX code is as follows: Copy code The code is as follows: Untitled Page Create new folder Search new folder Delete the folder Delete all File sorting Name Creation time Type Size

Note this sentence: This control is a control that implements shadow effects in ASP.NET AJAX1.0, so you need to add control registration on the aspx page: Please check Baidu for the specific attribute meaning of the control.