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

208 votes391 views6 answers
How to link your js file to html
Html
52 votes290 views6 answers
Html stands for
Html
0 vote314 views1 answer
Html5 audio tag autoplay loop
Html
1 vote299 views1 answer
Jquery integration
Html
0 vote319 views1 answer
Html paragraph with spaces
Html
1 vote260 views1 answer
24 hour input time
Html
0 vote335 views1 answer
How to align input line in html forms
Html
0 vote312 views1 answer
Run 2 function on input vue
Html
0 vote320 views1 answer
Embedmd
Html
0 vote290 views1 answer
Class 'html' not found
Html