Javascript 根据输入宽度限制输入中的字符数

是否可以根据输入宽度限制输入中的字符数

我有可以有不同宽度的输入，我想允许用户键入字符，并确保所有键入的字符在输入中都是可见的，这样键入文本的宽度就不会超过输入宽度

我不能使用maxLength，因为有不同的字体和语言，字母和其他字符有不同的宽度

$(document).ready(function(){
$(input).val.width()=$(input).width();
});

我不确定，但逻辑可能是这样的

你们能包括你们试图解决这个问题的html、css、javascript吗？