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 vote214 views1 answer
Html div specific size
Html
1 vote263 views1 answer
Bootstrap navbar-inverse not working
Html
0 vote230 views1 answer
Excel to html table online
Html
0 vote218 views1 answer
Wbr tag html
Html
0 vote230 views1 answer
Html extarea line break
Html
2 votes242 views1 answer
Ion datetime interval 30 minutes
Html
2 votes225 views2 answers
Scroll dropdown bootstrap
Html
0 vote171 views1 answer
Card.co
Html
0 vote227 views2 answers
Beautify html code in vscode
Html
0 vote240 views2 answers
Hide input field title show when it is filled
Html