#      
#  Overview

We can disable the right-click menu on the web page by preventing the default behavior when the right-click event happens. The `contextmenu` event will be fired when user right-clicks on a div. We can bind an event listener for that event and prevent the default behavior. 

## 
## Code

The below code demonstrates how to disable right-click.

<html>
 <head>
 </head>
 <body>
   <div id="no_right_click" >
     The right-click has been disabled on this div
   </div>
  <div id="right_click">
     Right click is enabled in this div
   </div>
 </body>
  <script>
    let ele = document.getElementById('no_right_click');
    ele.addEventListener('contextmenu', (ev)=>{
      console.log("Right click disabled");
      ev.preventDefault(); // this will prevent browser default behavior 
    });
   </script>
</html>

#no_right_click,#right_click{
    widht:100px;
    height:50px;
    background:CADETBLUE; 
    color:white; 
    font-size:25px; 
    text-align:center; 
    line-height:50px;
}
#right_click{
    margin-top:30px;
}

codemirror

console

#     
## Explanation

**Lines 5-10:** We create two `div` here. One `div` with the ID `no_right_click` in which the right-click will be disabled and the other `div` will have the normal characteristics.

**Line 13:** We use the `getElementById` method to get the reference for the element with the ID `no_right_click` and stored that element in a variable `ele`.

**Lines 14-17:** For the `ele`, we add an event listener for the `contextmenu` event. Inside the event listener, we prevent the default browser behavior by calling the `ev.preventDefault()` method. This will prevent the browser from displaying the right-click menu.


How to disable the right-click menu in JavaScript

Prevent the right-click menu in a web page by binding a contextmenu event listener and calling ev.preventDefault().