JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<input>
<p id="test"></p>
<p id="screen"></p>

JavaScript

$(document).ready(function(){

    function sizecheck(){
        setTimeout(function(){
            var size = $(window).height() + " : " + $(window).width();
            $('#screen').empty().append(size);
        },2000);
    }
    $('input').bind('focus',function() {
        $(window).scrollTop(10);
        var keyboard_shown = $(window).scrollTop() > 0;
        $(window).scrollTop(0);
 
        $('#test').append(keyboard_shown?'keyboard ':'nokeyboard ');

        sizecheck();
    });
    
    $('input').bind('blur',function() {
        sizecheck();
    });
    window.addEventListener('resize', function() { alert(window.innerHeight); });
});