JSFiddle - React, Tailwind, and code Playground

by andrey90vs

HTML

<button class="show">Show message</button>
<div class="item">Message</div>

CSS

.item {
    display: none;
}

JavaScript

$(document).ready(function() {
    var ctrlDown = false;
    $(document).on('keydown', function(){
        if (window.event.ctrlKey) {
            ctrlDown = true
        }
        console.log(ctrlDown);
    });
    
    $(document).on('keyup', function(){
        ctrlDown = false;
        $('.item').hide();
    });
    
    $('.show').hover( function () {
        console.log(ctrlDown);
        if(ctrlDown === true) {
            $('.item').show();
        }
      }, function () {
            $('.item').hide();
         }
     );
});