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

4 votes226 views3 answers
Show 4 horizontal radio buttons bootstrap 4
Html
0 vote209 views1 answer
What should base_generic.html look like
Html
1 vote316 views2 answers
Router link @click
Html
0 vote214 views2 answers
Html div grid 9x9
Html
0 vote196 views1 answer
How to pan in mac preview
Html
2 votes313 views1 answer
Html insert remote image
Html
0 vote200 views1 answer
How to put two drop downs side by side in html
Html
15 votes282 views3 answers
How to create an html file
Html
35 votes196 views6 answers
How to make text bold in html
Html
0 vote225 views1 answer
Display string on anchor tag onclick display image in new window html
Html