在ios的safari上的事件系统有个很古老的bug,在较老的zepto和react上都全线中枪,直至今日也是这样。。

比如以下这两种写法很有可能在ios上无效:

$(document).on('click', 'div.target', function () {
  console.log('clicked!');
})
var App = React.createClass({
    render: function(){
      return (
        <div onClick={this.onClick}>点我</div>
      )
    },
    onClick: function () {
      console.log('jsx clicked!');
    }
  })

解决办法,用css在需要冒泡点击的元素上设置

.clickable {
  cursor: pointer;
}