Javascript iOS Chrome-取消动量滚动可防止“touchstart”处理程序在点击之前启动

Javascript iOS Chrome-取消动量滚动可防止“touchstart”处理程序在点击之前启动,javascript,jquery,ios,Javascript,Jquery,Ios,如果您在iOS Chrome中“轻弹”滚动,然后通过触摸屏幕取消滚动,然后您点击绑定了touchstart处理程序的内容,它将不会启动。只有在取消滚动后再次点击屏幕时,它才会触发 关于为什么会发生这种情况有什么见解吗 var $container = $('#container'); var $box = $('#box'); var toggle = true; $box.on('touchstart', function() { if (toggle) $box.css('b

如果您在iOS Chrome中“轻弹”滚动,然后通过触摸屏幕取消滚动,然后您点击绑定了
touchstart
处理程序的内容,它将不会启动。只有在取消滚动后再次点击屏幕时,它才会触发

关于为什么会发生这种情况有什么见解吗

var $container = $('#container');
var $box = $('#box');
var toggle = true;

$box.on('touchstart', function() {
  if (toggle)
    $box.css('background-color', 'pink');
  else
    $box.css('background-color', 'skyblue');
  toggle = !toggle;
});