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 vote308 views1 answer
Alpine function
Html
0 vote299 views1 answer
Color
Html
0 vote348 views1 answer
Checkbox checked border square CSS
Html
3 votes325 views4 answers
Htaccess redirect to html page
Html
10 votes314 views1 answer
Html entity and
Html
1 vote331 views1 answer
Draggable html
Html
0 vote274 views1 answer
On hover event
Html
9 votes316 views3 answers
Angular click event
Html
0 vote332 views1 answer
Bokeh save html file to directory
Html
1 vote381 views3 answers
Unsplash source
Html