//Browser Right click disable
useEffect(() => {
const handleContextMenu = (event) => {
event.preventDefault();
};
const handleKeyDown = (event) => {
// F12 key
if (event.keyCode === 123) {
event.preventDefault();
}
// Ctrl+Shift+I (Chrome DevTools)
if (event.ctrlKey && event.shiftKey && event.keyCode === 73) {
event.preventDefault();
}
// Ctrl+Shift+J (Chrome DevTools)
if (event.ctrlKey && event.shiftKey && event.keyCode === 74) {
event.preventDefault();
}
// Ctrl+U (View Source)
if (event.ctrlKey && event.keyCode === 85) {
event.preventDefault();
}
};
document.addEventListener("contextmenu", handleContextMenu);
document.addEventListener("keydown", handleKeyDown);
return () => {
document.removeEventListener("contextmenu", handleContextMenu);
document.removeEventListener("keydown", handleKeyDown);
};
}, []);
//-------------------------------------------------------------
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter