JSFiddle - React, Tailwind, and code Playground

by Gowtham Reddy

HTML

<body>
    <p>Hi !</p>
</body>

JavaScript

var g_state = 0;
            $(document).ready(function() {
                $('body').keydown( function ( eve ) {
                    if (eve.which === 17) {
                        eve.preventDefault();
                        g_state = 1;
                    }
                    return true;
                });
                $('body').keyup( function ( eve ){
                    if (eve.which === 17) {
                        eve.preventDefault();
                        g_state = 0;
                    }
                    return true;
                });
                $('body').keypress( function ( eve ) {
                    eve.preventDefault();
                    if (eve.ctrlKey && (eve.which === 78)) {
                        alert("(eve.ctrl + 'n')");   
                    }
                    else {
                        if (g_state && (eve.which === 78)) {
                            alert("(ctrl tracking by key up/down + 'n', resetting)");
                            g_state = 0;
                        }
                        else {
                            if (eve.shiftKey && (eve.which === 78)) {
                                alert("(eve.shift + 'n')");   
                            }
                            else {
                                alert("pass");   
                            }
                        }
                    }
                });
            });