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

37 votes139 views3 answers
Viewport meta tag
Html
0 vote136 views1 answer
Html how to change button text
Html
0 vote141 views1 answer
Html auto start video
Html
189 votes175 views10 answers
New Year's Eve
Html
0 vote90 views1 answer
Histogram with frequency curve using seaborn
Html
0 vote179 views1 answer
H3 html
Html
0 vote196 views1 answer
Pop up animation css
Html
24 votes133 views5 answers
Get data tag
Html
22 votes133 views1 answer
Create a mailto link html
Html
9 votes137 views1 answer
Fa fa email
Html