HTML 选择会在 iPhone 上自动打开

问题描述 投票:0回答:1

几个月前,iPhone/iOS 推出了一项我根本不喜欢的新功能;当焦点设置在 HTML 选择上时,无论浏览器如何,选择列表现在始终会在 iPhone 上自动打开。直到几个月前,情况才出现这样的情况。 Mac、PC 或任何 Android 设备上的情况并非如此。在您单击之前,选择将保持未打开状态。

有没有办法修改以下代码,以便选择的内容也不会在 iPhone 上自动打开?

<html>
  <body>
    <select name = "myselect">
      <option value = "">[Please select]</option>
      <option value = "1">Option 1</option>
      <option value = "2">Option 2</option>
      <option value = "3">Option 3</option>
    </select>
    <p>
    <input type = "button" value = "Set focus to selection" onclick = "document.getElementsByName('myselect')[0].focus();">
  </body>
</html>

html ios html-select
1个回答
0
投票

我想我也经历过同样的事情。我通过电子邮件向 [email protected] 发送了一份错误报告,其中包含以下信息。

如何重现:

  1. 将妙控键盘与您的 iPhone 配对: https://support.apple.com/en-ke/guide/iphone/iph4288319c0/ios

  2. 前往“设置”>“辅助功能”>“键盘”,点击“全键盘访问”,然后打开“全键盘访问”。

  3. 在 iPhone 上打开 Safari 浏览器(我的示例使用装有 iOS 17.1.2 的 iPhone 14 进行测试)

  4. 要体验错误,请访问以下展示: https://mbjorke.github.io/Showcase-html-select-bug-in-iOS-and-when-full-keyboard-access-is-enabled/(我是这个 Github 和展示的所有者是我做的)

预期行为: 页面上标记为“选择另一种水果”的第三个选择元素应该能够使用连接的键盘进行 Tab 键切换。

实际行为: 页面上标记为“选择其他水果”的第三个选择元素无法使用连接的键盘进行 Tab 键切换。

© www.soinside.com 2019 - 2024. All rights reserved.