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 vote77 views1 answer
Scroll to section href
Html
0 vote97 views1 answer
Js twice button click
Html
1 vote112 views1 answer
Disable auto submit when hitting enter key
Html
1 vote118 views1 answer
Tumbnail html
Html
6 votes110 views3 answers
Html add hyperlink to button
Html
1 vote160 views1 answer
Material react grid
Html
0 vote114 views1 answer
Devexpress aspxdatagridview set column alignment
Html
0 vote103 views1 answer
Include html file in html file
Html
7 votes122 views2 answers
Infocard bootstrap 4 css templates
Html
7 votes131 views3 answers
How to run an html file
Html