JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<a href="#" class="link">another way</a><br>
<input type="text">
<p class="out"></p>

CSS

body {
    margin: 50px;
}
a {
    margin-bottom: 20px;
    display: inline-block;
}

JavaScript

$(document).ready(function() {
   
    $('body').on('keypress','input',function(e) {
        $ew = e.which;
        
        if ($ew == 50) {
            $('p.out').append('2');
        }
        
        //console.log($ew);
    });
    
    
    $('.link').click(function() {
        var press = jQuery.Event("keypress");
        press.which = 50;
        $("input").trigger(press);
        
        console.log('ok');
    });
    
    
});