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

1 vote308 views2 answers
Show spinner during API request pure html and jquery
Html
-1 vote292 views3 answers
If else if vue
Html
44 votes275 views6 answers
Comment in html
Html
2 votes290 views1 answer
How can i make that user cant input sonething textbx
Html
27 votes306 views2 answers
Text-bold bootstrap
Html
0 vote334 views1 answer
Bold text on HTML button
Html
0 vote283 views1 answer
Compress scss with node-sass
Html
1 vote299 views1 answer
Draggable html
Html
0 vote313 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
2 votes272 views2 answers
On enter press button
Html