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

1 vote235 views1 answer
Details balise
Html
21 votes214 views1 answer
What is a viewport meta tags
Html
6 votes226 views1 answer
\r in html
Html
0 vote220 views1 answer
Html div specific size
Html
3 votes236 views4 answers
How to write text on div border in html
Html
0 vote233 views1 answer
Div tag in html
Html
1 vote235 views1 answer
Html required checkbox
Html
0 vote244 views1 answer
Html image styling
Html
0 vote226 views1 answer
MyTeam
Html
0 vote223 views1 answer
V-progress-circular
Html