单击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>

当我点击＆＃34; X＆＃34;我的桌面上的Chrome中的按钮，我可以触发绑定在其上的事件，例如清除输入。

当我点击＆＃34; X＆＃34;在iOS上的Chrome中按钮，事件未被触发。

如何让事件发生？

Answer 1

添加事件监听器touchstart修复此问题。