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

22 votes131 views4 answers
How to make a clickable image in html
Html
52 votes138 views6 answers
Play audio on click javascript
Html
0 vote155 views1 answer
Javascript change the number of range on change
Html
0 vote141 views1 answer
Github page markdown embed html from another file
Html
0 vote139 views3 answers
How to make a svg of full width of a webpage html
Html
50 votes118 views6 answers
How to change font size in html
Html
0 vote134 views1 answer
Html placeholder multiple lines
Html
1 vote140 views1 answer
Jquery integration
Html
11 votes135 views2 answers
Html input date format
Html
3 votes133 views1 answer
Gradient on top of image css
Html