JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div>Non main content</div>
<div id="main_content">Main content</div>

JavaScript

$(document).ready(function () {
        $('#main_content').mouseenter(function () {
            $(document).keypress(function (e) {
                var code = e.keyCode || e.which;
                if (code == 40) {
                    alert("button Down");
                    return false;
                }
            });
        }).mouseleave(function () {
            $(document).on("keypress", function () {});
        });
    });