JSFiddle - React, Tailwind, and code Playground

HTML

Example of only getting one event when user gets done changing text in a text box.
<br/>
<input type="text" id="myBox" placeholder="type then try the enter key."/>
<br/>
<input type="text" id="NextBox" placeholder="tab to land here."/>

JavaScript

$(document).ready(function () {

            $('#myBox').keydown(function (e) {
                var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
                if (key == 13) {
                    e.preventDefault();
                    alert($(this).val());
                }
            }).on("change", function () {
                alert($(this).val());
            }).on("paste", function (e) {
                var _this = this;
                // Short pause to wait for paste to complete
                setTimeout(function () {
                    alert($(_this).val());
                }, 100);
            });
        });