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 vote118 views1 answer
Heiht jtml
Html
51 votes125 views4 answers
Bootstrap display inline block
Html
-1 vote119 views1 answer
Bootsrap link
Html
1 vote183 views1 answer
Open new tab anhor tag
Html
0 vote108 views1 answer
Typo3 headerdata
Html
0 vote137 views1 answer
Color ful scroll bar
Html
0 vote115 views1 answer
Javascript moving text from left to right
Html
2 votes133 views1 answer
How to add css file in wordpress
Html
32 votes121 views6 answers
Bootstrap container
Html
0 vote114 views1 answer
Selectize add properties to item from html
Html