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 vote295 views1 answer
Eleventy loop over global data
Html
6 votes299 views6 answers
Laravel current route name
Html
3 votes256 views1 answer
Create a link in md
Html
63 votes279 views3 answers
How to use jQuery
Html
29 votes269 views4 answers
Meta responsive
Html
0 vote266 views3 answers
Google drive embed code generator
Html
41 votes288 views6 answers
Jquery append html
Html
6 votes283 views2 answers
What is the html code of changing color
Html
0 vote269 views1 answer
<model-view> in html tag
Html
11 votes291 views3 answers
Bootstrap position
Html