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的单击事件处理程序产生的问题。

将触发事件添加到事件处理程序中，修复了问题。 所以，与其

$search.on('click' 

现在我有

$search.on('click touchstart' 

老实说，我不知道原因。

希望可能有帮助！