Disable F12 Inspect Element – Block Right Click & Copy

If you run a website, chances are you don’t want people to inspect your code, copy-paste your content, or steal your images. The browser’s Inspect Element (F12) and Right-Click menu make it very easy for users to copy content or view the source code.

That’s why many developers and website owners want to disable F12 Inspect Element, right-click, and copy-paste using JavaScript.

In this detailed guide, we’ll cover:

Why you may want to disable right-click and F12
How to use JavaScript snippets to block these actions
How to add the same code in WordPress functions.php
Best practices (and limitations) when trying to hide your website’s source code

Why Disable F12 and Right Click?

There are several reasons why website owners choose to block these actions:

Content Protection – Prevent users from copying your text or images.
Security Reasons – Avoid casual visitors from inspecting sensitive scripts.
Professional Branding – Keep your code structure hidden.
Plagiarism Prevention – Stop scrapers from stealing your work.

⚠️ Important Note:

Disabling right-click or F12 does not guarantee 100% security. Advanced users can still bypass these restrictions. But it does stop the majority of casual content thieves.

Methods to Disable Right Click, F12, and Copy-Paste

There are two main methods:

Using JavaScript in HTML files
Adding a PHP function in WordPress (which outputs JavaScript in footer)

We’ll cover both in detail.

Method 1: Disable F12 Inspect Element and Right Click with JavaScript

The easiest way is to insert a small JavaScript snippet inside your <head> or before the </body> tag.

<script>
    // Disable Right Click
    document.addEventListener('contextmenu', function(event) {
        event.preventDefault();
    });

    // Disable F12 and Ctrl+U
    document.addEventListener('keydown', function(event) {
        // Disable Ctrl+U
        if (event.ctrlKey && (event.key === 'u' || event.key === 'U')) {
            event.preventDefault();
        }
        // Disable F12 (Inspect Element)
        if (event.keyCode === 123) {
            event.preventDefault();
        }
    });

    // Disable Text Selection (Copy-Paste)
    document.addEventListener('selectstart', function(event) {
        event.preventDefault();
    });
</script>

👉 Save the file and reload your webpage.
Now, users won’t be able to:

Right-click on your page
Press F12 to open DevTools
Press Ctrl+U to view the source code
Select and copy text

Method 2: Disable F12 and Right Click in WordPress (functions.php)

If you are using WordPress, you can add this function inside your functions.php file:

function disable_right_click() {
    echo "
    <script>
        document.addEventListener('contextmenu', function(event) {
            event.preventDefault();
        });
        document.addEventListener('keydown', function(event) {
            // Disable Ctrl+U
            if (event.ctrlKey && (event.key === 'u' || event.key === 'U')) {
                event.preventDefault();
            }
            // Disable F12 (Inspect Element)
            if (event.keyCode === 123) {
                event.preventDefault();
            }
        });
        document.addEventListener('selectstart', function(event) {
            event.preventDefault();
        });
    </script>
    ";
}
add_action('wp_footer', 'disable_right_click');

How This Works:

The function outputs JavaScript code in your website’s footer.
It disables right-click, F12, Ctrl+U, and text selection.
Works across all pages of your WordPress site.

Limitations of Disabling F12 and Right Click

Even though this method blocks most casual users, there are limitations:

Advanced Users Can Still Bypass – Developers can disable JavaScript or use browser extensions.
May Affect Accessibility – Users who rely on right-click for accessibility may face issues.
Not Foolproof – Your HTML, CSS, and JS are still downloadable from server requests.

👉 Mozilla Developer Docs on DevTools explain why blocking F12 is not always effective.

Best Practices to Protect Your Website

Instead of relying only on JavaScript tricks, combine these strategies:

Use Watermarks on images to prevent theft.
Implement Server-Side Protections like disabling hotlinking.
Add DMCA Protection for your site.
Regularly monitor plagiarism using tools like Copyscape.
Combine right-click disable + legal measures for stronger protection.

Try our Plagiarism Checker Tool to detect stolen content.

Conclusion

Disabling F12 Inspect Element, right-click, and copy-paste using JavaScript is a quick way to protect your website from casual users trying to steal your content.

For static sites → use the JavaScript snippet
For WordPress → use the functions.php method

But remember — this is only a basic protection layer. Skilled users can still access your source code. For complete protection, combine it with server-side measures, DMCA protection, and watermarks.

Disable F12 Inspect Element – How to Disable Right Click, F12, and Copy-Paste on Any Website Using JavaScript

Table of Contents