Mouse right-click event code (asp.net background)_javascript skills-JS Tutorial-php.cn

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.

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

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