A small experimental React app that blurs content when a screenshot attempt is likely — based on user keypress behavior.
🛡️ System-level screenshot events are intentionally blocked by browsers to protect user privacy and security.
This project explores a creative heuristic-based workaround using a custom React hook.
- Predicts screenshot intent based on key combinations like
Cmd+Shift
(Mac) orPrintScreen
(Windows) - Applies a blur effect on sensitive content when such actions are inferred
- Uses
keydown
,keyup
, andcontextmenu
events to monitor common triggers - Built using a custom React hook for easy integration into any component
This is an experimental workaround — browsers do not support direct screenshot detection, as system-level events are intentionally restricted to uphold user privacy and security.
The approach here explores how far we can go using available browser events.
Check it out here: [Deployed App Link]
Clone the repo
git clone https://github.com/your-username/screenshot-blur-detector.git
npm start