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 vote316 views1 answer
Summernote
Html
0 vote305 views1 answer
Html icon for rupee
Html
0 vote303 views1 answer
Csp react
Html
0 vote314 views1 answer
Remove blank rows in html vs code
Html
0 vote345 views1 answer
Membuat footer html
Html
2 votes350 views2 answers
Emojis in html
Html
0 vote312 views4 answers
<script> var x = 4; var y = 5; var z = x + y; z = x*y; document.getElementById('demo').innerHtml= z; system.print(z); </script>
Html
66 votes310 views6 answers
Bootstrap flex align
Html
0 vote321 views1 answer
How to show data in html table from database in multiple table in laravel
Html
0 vote312 views1 answer
Vuejs @change only one time
Html