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

24 votes174 views2 answers
W3schools meta tag
Html
4 votes198 views4 answers
How to run vscode as root
Html
0 vote178 views1 answer
Html email images not showing
Html
1 vote163 views1 answer
Do not close dialog box when click outside bootstrap modal
Html
1 vote214 views1 answer
Material react grid
Html
0 vote177 views3 answers
Sub html
Html
-1 vote161 views2 answers
Simplecss cdn
Html
0 vote188 views1 answer
Fab fa-instagram circle-icon
Html
0 vote160 views1 answer
Alpine js get input value
Html
2 votes200 views1 answer
Html mouse over text
Html