ios输入文本图标bug

Question

我有一个搜索输入字段和右侧的'X'图标。 当我点击iOS上的图标（safari或chrome）时，我得到了文本光标，没有触发任何事件。我真的不知道为什么这个图标就像这样。

<div class="search__container">
  <form class="search__form">
    <input type='text' placeholder="text" class='search__input' data-action="search" />
    <i class="search__icon-close"></i>
  </form>
 <div class="search__results"><ul></ul></div>
</div>

Answer 1

如果有人遇到相同的行为，我发现使用jQuery click事件处理程序产生了问题。

向事件处理程序添加touchstart事件，修复了该问题。 所以，而不是

$search.on('click'

现在我有

$search.on('click touchstart'

老实说，我不知道原因。

希望这可能会有所帮助！