JSFiddle - React, Tailwind, and code Playground

HTML

<div id="GoodCharacteristic">
        <input id='inptInput'>
        <input id='inptChange'>
        <input id='inptfocus'>
        <input id='inpt'>
</div>

JavaScript

Fk$('#GoodCharacteristic').on('focus', '#inpt', function (e) {
    $('#inptfocus').val('Фокус установлен');
});

$('#GoodCharacteristic').on('focusout', '#inpt', function (e) {
    $('#inptfocus').val('Фокус потерян');
});

$('#GoodCharacteristic').on('change', '#inpt', function (e) {
    $('#inptChange').val($(this).val());
});

$('#GoodCharacteristic').on('input', '#inpt', function (e) {
    $('#inptInput').val($(this).val());
});