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 vote160 views1 answer
Empty elements in html
Html
77 votes151 views6 answers
Html button with link
Html
0 vote166 views1 answer
Html chessboard embedding
Html
2 votes148 views1 answer
Get http://localhost:8080/favicon.ico 404 (not found)
Html
0 vote123 views1 answer
Venobox cdn
Html
1 vote145 views1 answer
How to host html website
Html
0 vote134 views2 answers
Attribute name selection
Html
0 vote139 views1 answer
Html don't date to phone number
Html
0 vote143 views1 answer
Mac mail paste without formatting
Html
-1 vote153 views1 answer
Howt o get redirected to another page using a button in HTML using Python using Flask
Html