CloseTag | الشروحات | Java Script | أحداث mouse في لغة جافا سكريبت | JavaScript Mouse Events | javascript on contextmenu event addeventlistener

<!DOCTYPE html>
<html>
<head>
<style>
ul
{
  border:0.1px solid black;
  list-style:none;
  padding:0;
  margin:0;
  display:none;
}
li
{
  border:0.1px solid black;
  padding:5px;
}
 .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<h1>JavaScript on contextmenu</h1>
<p>menu will display when contextmenu [right click]</p>
<ul id="menu">
  <li>Copy</li>
  <li>Cut</li>
  <li>Delete</li>
  <li>Select all</li>
</ul>
<script>
let menu = document.getElementById('menu');
document.addEventListener("contextmenu", function(e) {
  e.preventDefault();
  menu.style.display = "inline-block";
});
</script>
</body>
</html>