iOS上忽略了jQuery点击事件

Question

我正在将一个raphael-sketchpad添加到一个放大弹出窗口中，以便可以在照片上绘制。我无法通过按钮清除草图以在iOS上工作。清除按钮是一个带有引导类“btn”的div，使它看起来像一个按钮，因此它已经有了光标：像某些人报告帮助一样添加指针。

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

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

这是捕获按钮上的click事件的代码：

$(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();
});