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

2 votes107 views2 answers
Express serve html
Html
1 vote111 views1 answer
How to host html website
Html
0 vote146 views1 answer
Vuejs conditional rendering paragraph not working
Html
-1 vote113 views3 answers
Bootstrap footer bottom of page
Html
0 vote97 views1 answer
Clearing dist in parcel
Html
2 votes94 views1 answer
Vue router link dynamic id
Html
144 votes145 views6 answers
Javascript redirect
Html
0 vote110 views1 answer
Html how to nest 2 tags
Html
0 vote98 views1 answer
Scrool immagini html
Html
79 votes77 views17 answers
Iframe
Html