在iOS上輸入內點擊span元素

Question

我有這個輸入字段和HTML。

events: 
    'click #js-clear': 'clearSearch' 

clearSearch: (e) -> 
    e.preventDefault() 

    @$("#js-query").val("") 
    @$("#js-clear").hide() 

和Javascript：

<form accept-charset="UTF-8" action="/" method="get"> 
    <input name="utf8" type="hidden" value="✓"> 
    <input id="js-query" name="query" placeholder="Filter by name" type="text"> 
    <span id="js-clear">X</span> 
</form> 

當我點擊我的桌面上Chrome中的 「X」 按鈕，我可以觸發綁定在它的事件，如清除輸入。

當我在iOS上點擊Chrome中的「X」按鈕時，事件不會被觸發。

如何讓事件發生？

Answer 1

添加事件監聽器touchstart修復了這個問題。