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 vote196 views1 answer
Change icon title react
Html
0 vote207 views1 answer
How to use h1 tag
Html
4 votes218 views4 answers
Autoplay html not working
Html
0 vote205 views2 answers
Angular raw html
Html
0 vote147 views1 answer
Html command
Html
0 vote170 views1 answer
Px in server is different from html file
Html
0 vote309 views1 answer
Font myriad pro html
Html
0 vote176 views1 answer
Code live html css online
Html
0 vote186 views1 answer
Chrome extension button click to different html page
Html
1 vote201 views2 answers
Check build version for html text in android
Html