In this article I will explain with an example, how to disable mouse right click using jQuery in ASP.Net Core Razor pages.
Note: For more details on ASP.Net Core Razor Pages, please refer my article ASP.Net Core Razor Pages: Hello World Tutorial with Sample Program example.
 
 
Script to disable Right Click using jQuery
Inside the HTML Markup, following jQuery JS file is inherited.
1. jquery.min.js
 
Inside the contextmenu event handler, the event is cancelled by returning FALSE.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
    //Disable the Context Menu event.
    $(document).contextmenu(function () {
        return false;
    });
</script>
 
 
Razor PageModel (Code-Behind)
The PageModel consists of following Handler method.
Handler method for handling GET operation
This Handler method is left empty as it is not required.
public class IndexModel : PageModel
{
    public void OnGet()
    {
    }
}
 
 
Disabling Mouse Right Click using jQuery in Razor Page (HTML)
You will need to place the following script in HEAD section of your Razor Page (.cshtml) or Layout Page.
@page
@{
    Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        //Disable the Context Menu event.
        $(document).contextmenu(function () {
            return false;
        });
    </script>
</head>
<body>
    <h1>Try to Right Click on this Page.</h1>
</body>
</html>
 
 
Screenshot
ASP.Net Core Razor Pages: Disable Mouse Right Click using jQuery
 
 
Browser Compatibility
The above code has been tested in the following browsers.
Microsoft Edge  FireFox  Chrome  Safari  Opera
* All browser logos displayed above are property of their respective owners.
 
 
Demo
View Demo
 
 
Downloads
Download Code