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

0 vote153 views1 answer
Am pm after the time in html
Html
0 vote314 views1 answer
ONLINE VIDEO CALL FOR MY WEBSITE CODE
Html
2 votes163 views1 answer
Bootstrap classes in html
Html
1 vote175 views1 answer
How to formate text in div
Html
0 vote160 views1 answer
Hide phpsessid wordpress plugin
Html
0 vote171 views1 answer
Mp4 start time html
Html
27 votes147 views5 answers
Class binding vue
Html
0 vote160 views1 answer
What is difference between React router and react router Dom?
Html
0 vote165 views1 answer
Tick html code
Html
0 vote152 views2 answers
Laravel csrf protection
Html