JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<form method="get" action="#">

<input type="text" id="myinput" />
<br />
<input id="gbqfq" class="gbqfif" name="q" type="text" autocomplete="off" value="" style="height: auto; width: 100%" dir="ltr" spellcheck="false" />
<p id="log">Log:</p>
    
</form>

CSS

#gbqfq {
    -webkit-appearance: textfield;
    -webkit-writing-mode: horizontal-tb;
}

JavaScript

function log(text) {
    $("<p>").text(text).appendTo($("body"));
}

$(function() {
    $("#myinput").keyup(function(args) {
        debugger
        log("" + args.metaKey + " " + args.originalEvent.keyIdentifier + " " + args.keyCode);
    });
});