jQuery点击事件在iOS上被忽略

Question

我正在将 raphael-sketchpad 添加到放大弹出窗口中，以便可以在照片上绘图。我无法获得清除画板以在 iOS 上工作的按钮。清除按钮是一个带有引导类“btn”的 div，使其看起来和行为都像一个按钮，所以它已经有了 cursor: pointer 添加，就像某些人报告的帮助一样。

这是一个测试用例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();
});