JSFiddle - React, Tailwind, and code Playground

by xavierm02

HTML

<input type="test" id="input" value="qwerty" size="10" />

JavaScript

var input = document.getElementById('input');
input.onkeydown = function ( ) {
    var startIndex = input.selectionStart;
    var endIndex = input.selectionEnd;
    var value = input.value;
    var length = value.length;
    var maxLength = input.size;
    if ( startIndex === maxLength - 1 ) {
        return false;
    }
    input.value = value.substring(0,startIndex) + value.substring(startIndex+1);
    input.setSelectionRange(startIndex,startIndex);
};