JavaScript Right-Click Blocking: Demo, Limits, and Safer Alternatives

A right-click block uses JavaScript to cancel the browser’s context menu. It can demonstrate the contextmenu event, but it does not secure page content or prevent someone from accessing public files.

What does a right-click block actually do?

When a page cancels the contextmenu event, the browser’s usual menu may not open for that interaction. This affects a browser control; it does not make the HTML, text, or image data private.

Why should you avoid blocking normal browser controls?

• People use the context menu for useful browser actions and assistive workflows.
• Disabling selection, copying, keyboard shortcuts, or page saving can make a site frustrating without protecting its content.
• Public page source and downloaded assets cannot be made secret with client-side JavaScript.

How should restricted information be protected?

Use server-side authentication and authorization, and only send data to people who are allowed to receive it. Watermarks can identify a copy, but they are not access control.

Try the isolated context-menu demo

The separate demo temporarily suppresses the context menu on that demo page only. This guide remains fully usable. The downloadable sample is provided for learning and should not be treated as a security feature.

document.addEventListener("contextmenu", (event) => {
  event.preventDefault();
});