JSFiddle - React, Tailwind, and code Playground

by charlescarver

HTML

<script src="https://rawgit.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js"></script>
Try to take a screenshot!
<div id="overlay">Don't take screenshots! Click to dismiss.</div>

CSS

#overlay {
    display:none;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:#000;
    color:#fff;
}

JavaScript

$("*").on("keydown", null, "meta+shift", function (event) {
    if (!$("#overlay").is(":visible")) {
        $("#overlay").css("display", "block")
    }
});

$("*").on("click", function (event) {
   if ($("#overlay").is(":visible")) {
       $("#overlay").css("display", "none")
   }
});

$("*").on("keyup", null, function () {
    if ($("#overlay").is(":visible")) {
        $("#overlay").css("display", "none")
    }
});