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

5 votes160 views2 answers
Bootstrap 4 classes list with description pdf
Html
0 vote149 views1 answer
 <span class="border-sta
Html
0 vote173 views1 answer
How sat drop down list in bootstrap 4 like a row and column
Html
0 vote160 views1 answer
Dasda
Html
19 votes189 views6 answers
Navbar
Html
0 vote154 views1 answer
Ta html inside vue data function
Html
5 votes175 views2 answers
Responsive website in css
Html
35 votes175 views6 answers
How to bold in html
Html
2 votes154 views2 answers
Curl html file
Html
-1 vote165 views2 answers
How to put different p elements next to each
Html