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

111 votes175 views6 answers
Adding image in html
Html
2 votes176 views1 answer
How to install font-aweseome usin npm
Html
5 votes206 views6 answers
Tailwind cdn
Html
3 votes187 views1 answer
How to design web
Html
3 votes185 views2 answers
Bootstrap diable backround on modal
Html
0 vote219 views1 answer
Alpine function
Html
0 vote178 views1 answer
How to edit html in wordpress
Html
1 vote240 views3 answers
Html email button
Html
1 vote174 views3 answers
Haml to html
Html
0 vote194 views1 answer
Html5 audio tag autoplay loop
Html