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

3 votes134 views6 answers
Android status bar color
Html
0 vote140 views1 answer
Shchema keyref et key use
Html
20 votes103 views4 answers
Link icon html
Html
0 vote108 views2 answers
Block elements
Html
1 vote172 views1 answer
Coreui text align center
Html
0 vote124 views1 answer
Html mobile app template
Html
0 vote114 views1 answer
Js socket.io chatap
Html
0 vote108 views1 answer
How to make comments in markdown which do not render in html
Html
1 vote110 views1 answer
Async pipe ngfor
Html
0 vote97 views2 answers
Html overflow scroll only if needed with exemple
Html