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 vote190 views1 answer
Html table line between rows
Html
-1 vote203 views2 answers
Import api vue and html
Html
3 votes235 views9 answers
Bootstrap 5
Html
0 vote196 views1 answer
Bootstrap colored link
Html
0 vote196 views3 answers
Time sequelize html example stack overflow
Html
5 votes185 views2 answers
Html lang en-us or en-US
Html
32 votes233 views2 answers
How to tab in html
Html
0 vote198 views2 answers
Multiple autocomplete material angular shows same dropdown
Html
32 votes251 views3 answers
Html last elemetn arrray
Html
1 vote222 views1 answer
Tailwind css float right
Html