javascript touchstart事件防抖动#js #event

Posted 2021-05-03

$('[mark]').on('touchstart', function(evt) {
  var target = $(evt.target);
  while(target) {
    (evt.target.scrollInit = evt.target.scrollInit || []).push({
      t: target.scrollTop(),
      l: target.scrollLeft()
    });
    target = $(target).parent();
  }
}).on('touchend touchcancel', function(evt){
  var target = $(evt.target);
  var scrollInit = evt.target.scrollInit;
  var index = 0;
  while (target) {
    var deltaY = target.scrollTop() - scrollInit[index].t;
    var deltaX = target.scrollLeft() - scrollInit[index].l;
    if(Math.abs(deltaX) >= 20 || Math.abs(deltaY) >= 20) {
      return;
    }
    target = $(target).parent();
    index++;
  }
  delete evt.target.scrollInit;
  // doSomethingWhenTouchStart();
});