Html context menu

oncontextmenu = (e) => {
  e.preventDefault()
  let menu = document.createElement("div")
  menu.id = "ctxmenu"
  menu.style = `top:${e.pageY-5}px;left:${e.pageX-5}px`
  menu.onmouseleave = () => ctxmenu.outerHTML = ''
  menu.innerHTML = "<p>Option1</p><p>Option2</p><p>Option3</p><p>Option4</p><p onclick='alert(`Thank you!`)'>Upvote</p>"
  document.body.appendChild(menu)
}

Source: stackoverflow.com

Similar codes

22 votes285 views3 answers
_blank in html
Html
23 votes288 views3 answers
Html tag email
Html
0 vote333 views1 answer
Twig map
Html
0 vote292 views1 answer
How to block futer date input
Html
-1 vote278 views1 answer
What is participe passe
Html
0 vote305 views1 answer
Xhtml strict
Html
1 vote319 views1 answer
Ardhaan's world
Html
202 votes368 views6 answers
Html space
Html
70 votes286 views3 answers
Fontawesome link
Html
0 vote261 views2 answers
Leviathan cat bookmarks.html | grep passwd | cut -d “ “ -f9–14
Html