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 votes222 views1 answer
Change the required text
Html
0 vote208 views1 answer
How to fix <h1><h1>
Html
0 vote226 views1 answer
String variable in angular html
Html
6 votes200 views2 answers
Html meta redirect
Html
15 votes207 views3 answers
How to create an html file
Html
3 votes194 views1 answer
Array in html form
Html
-1 vote221 views2 answers
Custom radio button
Html
0 vote203 views1 answer
Njk else if
Html
9 votes196 views2 answers
How to open in new page link html
Html
1 vote199 views1 answer
Ionic button trigger ion-datetime
Html