JSFiddle - React, Tailwind, and code Playground

HTML

press Shift + Alt + Left or Right arrow key while input is focused.
<hr>
<div id="keyer"></div>
<input type="text"></input>

CSS

/*
$(document).ready(function(){
    var keyPressed;
    
    $(this).on('keydown','input:focus',function(e){
        keyPressed = e.which;
        $('#keyer').html(keyPressed);
        
        if(e.shiftKey && e.altKey && e.which == 39){
           $('#keyer').value('Ctrl + ->');
        }else if(e.shiftKey && e.altKey && e.which == 37){
           $('#keyer').value('Ctrl + <-');
        }
    });
});

*/

JavaScript

$(document).ready(function(){
    var emoticons = ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
    order = 0;
    $(this).on('keydown','input:focus',function(e){
        $this = $(this);
        
        if(e.shiftKey && e.altKey){
            order = Math.max(0, Math.min(order + (e.which == 39) - (e.which == 37), emoticons.length-1));
            $this.val(emoticons[order]);
            $('#keyer').html('Shift + Alt + '+e.which+' | '+emoticons.length+' | '+ order);
        }
    });
});