Page 1 of 1

Disable right-click (i.e. disable context menu)

Disable right-click (i.e. disable context menu)

Welcome to the Tweaking4All community forums!
When participating, please keep the Forum Rules in mind!

Topics for particular software or systems: Start your topic link with the name of the application or system.
Examples: "MacOS X - Your question", "MS Word - Your Tip or Trick".

Please note that switching to another language when reading a post will not work!
Posts will not have a translated counterpart.




RSS Feed

Home Forums Web Development Disable right-click (i.e. disable context menu)

This topic contains 0 replies, has 1 voice, and was last updated by  hans 2 years, 3 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • 8427

    hans
    Keymaster

    Sometimes you’d like to prevent users from right clicking elements or maybe even your entire page.
    There are a lot of tricks out there, JavaScript included, but I really like this one. It’s simple, and works for most modern browsers. 

    <div  oncontextmenu="return false">
    blabla
    </div>

    or for the entire page:

    <body oncontextmenu="return false">

    The beauty is that it can also be used to call a JavaScript function, to replace the context menu.

    <div oncontextmenu="myFunction()">
    ...
    <script>
    function myFunction() {
        alert("You right clicked!");
    }
    </script>
Viewing 1 post (of 1 total)



You must be logged in to reply to this topic.