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

255 votes489 views8 answers
Bootstrap 4 cdn
Html
6 votes158 views3 answers
Sound on click javascript
Html
0 vote179 views1 answer
Ng else if
Html
0 vote192 views1 answer
In what language is html written
Html
0 vote180 views1 answer
Express js search example
Html
5 votes171 views3 answers
Change required message html
Html
0 vote181 views1 answer
Multicolored text in html
Html
59 votes172 views5 answers
Favicon meta
Html
1 vote169 views1 answer
Link to the same page
Html
16 votes163 views6 answers
Basic html code
Html