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

7 votes269 views4 answers
How change button color in html
Html
0 vote239 views1 answer
Tradingview lightweight charts cdn
Html
0 vote249 views1 answer
Html button ondrag
Html
0 vote215 views1 answer
Remove active class from all li javascript
Html
0 vote242 views1 answer
Html collapsible open by default
Html
1 vote261 views2 answers
Sudo: /opt/lampp/lampp: command not found
Html
0 vote238 views1 answer
Cypress pop up
Html
0 vote264 views1 answer
Html schriftart einbinden
Html
1 vote316 views2 answers
Css align image right
Html
0 vote239 views1 answer
Html img src background
Html