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 vote180 views1 answer
Symfony twig form value
Html
84 votes153 views6 answers
Html radio button
Html
2 votes168 views2 answers
Progress-bar-success bootstrap 4
Html
0 vote179 views1 answer
Iframe messaging
Html
0 vote221 views1 answer
Automatic image slider with text in html css javascript
Html
0 vote185 views1 answer
Video values in html
Html
24 votes165 views5 answers
How to make a rectangle in javascript
Html
2 votes178 views5 answers
No.in round using bootstrap
Html
120 votes193 views6 answers
Html redirect to another page
Html
5 votes245 views3 answers
Bootstrap hamburger menu
Html