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

0 vote41 views2 answers
Javascript remove the current tr with click
Html
0 vote41 views1 answer
Px in react
Html
0 vote54 views1 answer
Html quize
Html
-1 vote51 views1 answer
Html range start value
Html
1 vote44 views1 answer
Iframe pdf html5
Html
0 vote45 views2 answers
Espaçamento bootstrap
Html
6 votes44 views4 answers
What is redis
Html
0 vote2 views1 answer
Html webgl
Html
5 votes44 views1 answer
How to link html pages in different folders
Html
0 vote49 views1 answer
<body> tag
Html