javascript - 如何在iOS中绑定(bind)点击事件？

Question

我“只是”试图将点击事件绑定(bind)到 <button>并使其适用于桌面(chrome、FF、...)、android 和 iOS。

我尝试了很多东西，比如 this cursor: pointer这似乎是最简单和最有效的，但没有用。

我也尝试了 onclick=''或 onclick='void(0)'在 HTML 元素上，一个我见过的技巧我什至不记得在哪里......

我尝试使用外部库，例如 FastClick单击后删除到 300 毫秒等待......不起作用

Pointer Events Polyfill 再也没有机会了并与 pointerup 绑定(bind)...

我的想法已经用完了......

我的 HTML :

<div class="col-md-12">
    <button type="button" onclick='' id="begin" class="btn andro btn-danger btnlg">
        <img src="img/icon.png" height="50px"> GO
        <img src="img/icon.png" height="50px">
    </button>
</div>

我的 JS:

  $(document).on('touchstart', '#begin', function() {
      // do things
  });

我当然尝试绑定(bind) touchstart (甚至 touchend !)而不是 click并且仍然不适用于 iPhone ...

问题是:我没有 iphone 来测试我的东西，所以我必须相信一些拥有 iOS 设备的 friend ......我是否必须更改我的代码......或更换我的 friend ？ ^^

Answer 1

太棒了....经过大量的搜索和尝试，例如一个一个地删除库和注释部分代码...

我能够找到点击的问题......这是因为我的绑定(bind)被封装在一个:

$( document ).ready(function() {
    // My bindings here
});

而且 iOS 似乎不喜欢这样......

只需将您的点击绑定(bind)到 ready 函数之外，它就可以工作...希望它可以帮助别人!