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 vote153 views1 answer
How to check where was the changes in a perticuler commit git
Html
13 votes150 views1 answer
Font in der mitte des divs
Html
0 vote154 views1 answer
Display html table only on screen larger than md
Html
0 vote145 views1 answer
Style upload button vue
Html
26 votes160 views3 answers
Line under text html
Html
0 vote158 views1 answer
Meta http-equiv x-ua-compatible
Html
3 votes153 views1 answer
Happy birthday html animation
Html
2 votes166 views1 answer
Html power
Html
20 votes148 views4 answers
Link icon html
Html
1 vote162 views1 answer
Svelte for loop
Html