javascript - 输入类型数字上的编程 select() 在 iOS 中不起作用

Question

如果我有 input类型为 number 的元素尝试以编程方式调用 select()它的功能在 Safari 移动版中不起作用。

运行此代码时

const el = document.querySelector(`#${FIELD1} input`);
if (el) {
 setTimeout(() => {
    el.focus();
    el.select();
    el.setSelectionRange(0, 9999);
  }, 100);
}

焦点适用于所有平台，但选择仅适用于 Chrome。

有关于此错误的任何官方信息吗？有什么办法可以绕过它吗？

我试过el.setSelectionRange(0,99)正如旧帖子中所建议的，但它似乎不再起作用(而且它不应该起作用，因为它不在该元素的 W3C 规范中)。

PS:我正在使用 Preact。

编辑:问题集中在 iOS 上，它实际上可以在 Safari 桌面上运行。

我创建了一个最小的复制品:https://codesandbox.io/s/q86m6kv01q请尝试在您的设备上导航至:https://q86m6kv01q.codesandbox.io/

Answer 1

在 iOS 上调用选择器 UI 需要用户手势。这样做是为了不可能随机触发系统 UI(例如页面加载时)。