时间戳

首页 > 解决方案 > 移动 HTML 文本输入自动完成不会在聚焦和重置时重置

javascript - 移动 HTML 文本输入自动完成不会在聚焦和重置时重置

问题描述

尝试构建一个简单的 HTML/JS 聊天功能，当用户选择“提交”时，消息被发送并且焦点在文本输入上，被清除。但是，自动完成仍然是最后一个单词（在移动设备上）。我想要自动完成功能，但需要在提交和重置时将其清除。

在手机上重置后自动完成

<!DOCTYPE html>
<html>
<body>

<h1>The autocomplete remians on reset</h1>

<form>
  <input type="text" id="message" name="message" ><br><br>
  <input type="reset" onclick="myFunction()">
</form>

<script>
    function myFunction() {
        document.getElementById("message").value ='';
        document.getElementById("message").focus();
    }
</script>
</body>
</html>

标签： javascripthtmlinputmobileautocomplete

解决方案

经过大量搜索，我认为答案是您不能以编程方式进行操作。似乎在移动设备上，至少在 iPhone 上，只有像 RETURN 或 Backspace 这样的用户键盘命令会影响自动完成。我通过隐藏移动上的按钮并强制用户使用键盘解决了这个问题。所以基本上手机上没有重置按钮。

推荐阅读