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 vote122 views1 answer
Html entity decode in sql query
Html
0 vote128 views1 answer
OpenGraph 3
Html
0 vote138 views1 answer
Code highlighter html
Html
2 votes121 views1 answer
Blade show text with html tag
Html
0 vote129 views1 answer
Html table cell border not showing
Html
0 vote135 views1 answer
Html input with icon right
Html
1 vote151 views1 answer
Must fill input
Html
0 vote154 views1 answer
Html to app
Html
0 vote120 views1 answer
How to triger multiple function in html
Html
29 votes127 views6 answers
Center text in html
Html