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 vote131 views1 answer
Uncaught error: bootstrap's javascript requires jquery version 1.9.1 or higher, but lower than version 3
Html
0 vote118 views1 answer
Metro ui
Html
26 votes133 views4 answers
Html select default
Html
0 vote132 views1 answer
Change text direction in html
Html
22 votes148 views5 answers
Bootstrap vertical align
Html
5 votes87 views1 answer
Connecting metamask to binance smart chain
Html
57 votes197 views10 answers
Bootstrap 4
Html
5 votes125 views7 answers
Programming
Html
0 vote139 views1 answer
Easy cubism landscape painting for beginners
Html
0 vote121 views1 answer
Cannot Read Property Of null in JavaSript
Html