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

5 votes389 views4 answers
Javascript check if input is empty
Html
0 vote336 views2 answers
Html anchor in samae page without url
Html
1 vote311 views1 answer
Simple html dom
Html
0 vote414 views1 answer
Fab model
Html
2 votes380 views2 answers
Placeholder textbox wpf
Html
0 vote328 views1 answer
Loading screen svg and css animation
Html
15 votes309 views1 answer
No suggestion html
Html
0 vote331 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
0 vote361 views1 answer
Create external application revit api
Html
5 votes319 views3 answers
Materialize cdn
Html