HTML maxlength 属性不适用于 Chrome 中的合成事件答案

【问题标题】：HTML maxlength attribute is not working for composition event in ChromeHTML maxlength 属性不适用于 Chrome 中的合成事件
【发布时间】：2021-12-28 09:11:11
【问题描述】：

使用 HTML 中纯文本输入字段的组合输入（使用 IME 输入），我可以输入超过最大长度的长度。聚焦后值被截断。但在 Chrome 中，该值是左移的，如图所示。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
    <input id="text" placeHolder="Maximum support 5" maxlength="5" />
</body>
</html>

在作文输入（IME输入）的情况下，有没有办法限制输入长度？

【问题讨论】：

IME 输入在技术上尚未输入到页面中，因此您无法真正控制它。

标签： javascript html google-chrome

【解决方案1】：

改用 max 属性。它将指定您可以插入的最大可能数字

例子：

  <input type="number" min="1" max="99999" />

【讨论】：

谢谢，但在 Chrome 中，这并没有解决问题。

【解决方案2】：

这很奇怪。正如你在这里看到的那样：

&lt;input id="text" placeHolder="Maximum support 5" maxlength="5" /&gt;

你可以试试这个：

删除占位符。
在您的输入中添加type='text'。
在其他浏览器中尝试。
确保您已重新加载代码/选项卡/浏览器。
清除缓存。

【讨论】：

谢谢，但在 Chrome 中，这并没有解决问题。