Shulou(Shulou.com)06/02 Report--

This article mainly shows you "how to use Javascript to achieve Agent", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use Javascript to achieve Agent" this article.

Since the right-click menu is displayed, we need to intercept the event oncontextmenu when the wizard is right-clicked

Then encapsulate the html of the right-click menu into a function, so that the menu layer is hidden

Function getMenuHtml ()

{

Var menuHtml = "

"

MenuHtml + = "

"

MenuHtml + = ""

MenuHtml + = ""

MenuHtml + = ""

MenuHtml + = "

"

MenuHtml + = "Menu1"

MenuHtml + = "

"

MenuHtml + = "

"

Return menuHtml

}

To implement the right-click menu, we need the wizard to intercept the oncontextmenu event and make a small modification to yesterday's run function.

Agent.prototype.run=function ()

{

Var agentHtml = ""

AgentHtml + = ""

AgentHtml + = getMenuHtml ()

Return [xss_clean] (agentHtml)

}

You can see that oncontextmenu calls the showRightMenu function, which makes the menu layer visible, and the display position is displayed with the position of the mouse

Notes:

ScrollLeft: sets or gets the distance between the left boundary of the object and the leftmost end of the currently visible content in the window

ScrollTop: sets or gets the distance between the top of the object and the top of the visible content in the window

Event.clientX: the x-axis position of the mouse click

Event.clientY: the y-axis position of the mouse click

/ *

* right-click menu v1.0

* author: breeze

, /

Function showRightMenu ()

{

Menu.style.left=document.body.scrollLeft+event.clientX

Menu.style.top=document.body.scrollTop+event.clientY

Menu.style.visibility= "visible"

Return false

}

The menu can now be displayed. How do you make it disappear? It should be that the user can click anywhere and disappear.

_ document.onclick=click

Function click ()

{

Menu.style.visibility= "hidden"

}

The above is all the content of the article "how to use Javascript to achieve Agent". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.