javascript - 最大长度属性的头韵

Question

在我工作的网站上，我们有一个用于触摸屏的交互式键盘。它看起来很棒并且工作起来很棒，除非我们想要在一个字段上有一个最大字符数。

maxlength 属性不想工作，因为键盘如何带走输入的焦点并插入到输入中。

有没有其他方法可以在不使用 maxlength 属性的情况下限制人们在输入字段中可以输入的内容？

我在网上做了一些搜索，从我看过的所有内容来看，每个人总是指向只使用 maxlength。

我已经尝试了一些东西，比如创建一个替代

$('.input').val().substring(9);

但用户仍然可以在字段中输入内容，在获取值时一切都会停止。

我也试过

return false;

当他们达到最大字符数时在 if 语句中，但这只会卡住我的页面，用户无法再与屏幕交互。

还有其他方法可以实现吗？

Answer 1

在每个字符之后，做这样的事情:

$('.input').val( $(this).val().substring(0,100) );

Demo