javascript - iOS 上忽略的 jQuery 单击事件

Question

我正在将 raphael-sketchpad 添加到 magnific-popup 中，以便可以在照片上绘图。我无法获得清除画板的按钮以在 iOS 上工作。清除按钮是一个带有 Bootstrap 类“btn”的 div，使其看起来和行为都像一个按钮，因此它已经具有光标:指针添加，就像一些人报告的帮助一样。

这是一个测试用例 http://codepen.io/creativetags/pen/BrsAp

点击/单击图像以打开弹出窗口，然后您可以在其上绘图并尝试清除按钮。

这是捕捉按钮点击事件的代码:

$(document).on('click', '#editor_clear', function(){ 
  console.log('clicked clear'); 
  sketchpad.clear();
});

Answer 1

对于 iOS 设备，您需要监听 touchstart ，也是:

$(document).on('click touchstart', '#editor_clear', function() { 
  console.log('clicked clear'); 
  sketchpad.clear();
});