JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="" data-last="">

JavaScript

$('input[type=text]')
    .keydown(function()
        {
        var value = $(this).val();
        var last = $(this).attr('data-last');
        if (last == ' ')
            {
            $(this).val($(this).val() + last);
            $(this).attr('data-last', '');
            }
        })
    .keyup(function()
        {
        var value = $(this).val();
        if (value[value.length - 1] == ' ')
            $(this).attr('data-last', ' ');
            else
            $(this).attr('data-last', '');
        
        $(this).val(value.replace(/^\s+|\s+$/, ''));
        });