javascript - Linux 和 macOS 上的 HTML 选择问题

Question

<select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
    
    <select>
      <option value="apple">Apple</option>
      <option value="mangoes">Mangoes</option>
      <option value="pineapple">Pineapple</option>
      <option value="strawberry">Strawberry</option>
    </select>

现在，在 Windows 系统中，如果我们单击一个下拉菜单，它会打开，现在不选择任何选项，单击其他下拉菜单将关闭第一个并按预期打开第二个。

但是在 Ubuntu 和 Mac 上的行为是不同的，如果我们点击一​​个下拉菜单它会打开，现在如果我们点击另一个下拉菜单没有选择任何选项，它会关闭第一个但它不会打开点击的下拉菜单，它仅在第二次点击时打开它。

有没有一种方法可以使用 Angular 更改此行为并使其像在 Windows 中一样工作？

Answer 1

选择框是 native 小部件，这意味着您无法通过 JavaScript 控制它们的行为。你也不应该。我认为最好遵循平台上小部件的工作方式，因为这是用户所期望的。

顺便说一下，如果您真的想要按自己的方式行事，您可以使用纯 JS 小部件，例如 select2，在这种情况下，您可以使用您认为合适的任何行为。