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 vote206 views1 answer
My html doesn't show up github pages
Html
0 vote221 views6 answers
Bits
Html
2 votes211 views1 answer
Name validation html
Html
0 vote247 views3 answers
Display li in navbar in the same line
Html
0 vote196 views1 answer
Html play video on hover
Html
0 vote232 views1 answer
Write a html code using frames with background color
Html
3 votes204 views1 answer
Mailto://
Html
5 votes220 views2 answers
Vue select v-for
Html
1 vote208 views1 answer
Disable drag html
Html
7 votes186 views2 answers
Share to twitter html link
Html