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

12 votes272 views3 answers
How to make text bigger in html
Html
39 votes286 views6 answers
Bold html
Html
0 vote250 views1 answer
Button glow remove css
Html
3 votes242 views4 answers
Svg change color in css
Html
75 votes292 views5 answers
Copyright sign in html
Html
3 votes285 views2 answers
Kommentar html
Html
1 vote230 views1 answer
Asp hyperlink
Html
2 votes274 views3 answers
How to disable a div in angular
Html
0 vote252 views1 answer
Can i use the input tag without the form tag
Html
0 vote303 views1 answer
Loader
Html