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 vote155 views1 answer
How to create bold text in html
Html
0 vote135 views2 answers
Html5 pattern for numbers only
Html
0 vote173 views1 answer
How to show a html page only once
Html
0 vote158 views1 answer
How to remove whitespace below my footer in html
Html
0 vote150 views1 answer
Javascript how to set a textbox value to nothing
Html
0 vote148 views2 answers
Sup html
Html
1 vote144 views1 answer
Mpdf table font size problem
Html
0 vote201 views1 answer
Select html unselectable option
Html
0 vote150 views1 answer
Link phone in safari
Html
0 vote141 views1 answer
Node.js error cannot use import outside of module
Html