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 vote182 views2 answers
Disable first option in select
Html
1 vote130 views1 answer
Convert element to html string
Html
0 vote148 views1 answer
How to code cards deck with tab collapse
Html
35 votes151 views5 answers
Tab in html
Html
63 votes139 views6 answers
Html center image
Html
68 votes143 views4 answers
Favicon in html document
Html
22 votes153 views2 answers
Html start template
Html
0 vote142 views1 answer
React native render html not rerender
Html
0 vote155 views1 answer
Csp react
Html
4 votes136 views2 answers
History.back()
Html