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 vote218 views1 answer
Convert ipynb to html
Html
0 vote296 views1 answer
Which attribute use in html show decided password site:stackoverflow.com
Html
7 votes196 views2 answers
How to add multiple CSS inline html
Html
0 vote174 views1 answer
HTML Column Maker - Bootstrap
Html
0 vote200 views1 answer
Search input html with icon
Html
0 vote195 views1 answer
Overlay text input html
Html
0 vote267 views1 answer
Put the text in the end of navbar collapse
Html
25 votes186 views7 answers
Bootstrap 5 cdn
Html
0 vote246 views1 answer
H3 html
Html
0 vote205 views1 answer
Place a convert to pdf button in html
Html