Hammer.js приоритет события

Question

Я реализовал библиотеку hammer.js для своих событий. Проблема в том, что одновременно запускаются несколько событий.

Могу ли я установить некоторый приоритет события. Предположим, что при трансформации все остальные события игнорируются. Когда трансформация останавливается, другие события могут быть выполнены.

hammertime.on("transform", function(evt) { 
     //transform 
    } 

    hammertime.on("drag", function(ev) { 
     //drag 
    } 

Я уже пытался что-то вроде этого: Disabiling сопротивление, когда мы начинаем преобразование

hammertime.on("transform", function(evt) { 
      //transform 
      hammertime.options.drag="false"; 
} 

И enabeling его обратно, когда преобразование закончено

hammertime.on("transformend", function(evt) { 
      //transformend 
      hammertime.options.drag="true"; 
} 

Этот подход хорошо, за исключением работ то перетаскивание не возвращается к истинному. Я хочу 100% рабочего раствора. Пожалуйста, помогите ...

Answer 1

Один дешевый способ сделать это, чтобы ваши обработчики событий сотрудничают:

var transforming = false; 
hammertime.on("transformstart", function (ev) { transforming = true; ... }); 
hammertime.on("transformend", function (ev) { transforming = false; }); 
hammertime.on("drag", function (ev) { if (!transforming) { ... } }); 

Если Молот не всегда звонит transformend, то, к сожалению, все, что вы можете сделать, чтобы работать вокруг ошибки использует какой-то таймер, который заканчивает ваше преобразование, если пройдет определенное количество времени. Это не идеально, но это может помочь вам оправиться от возможной ошибки в Хаммере:

var transformTimer = undefined, 
    transforming = false; 
hammertime.on("transform", function (ev) { 
    transforming = true; 
    if (transformTimer !== undefined) clearTimeout(transformTimer); 
    transformTimer = setTimeout(function() { 
     transformTimer = undefined; 
     transforming = false; 
    }, 1000); // end the transform after 1s of idle time. 

    // your transform code goes here 
}); 
hammertime.on("transformend", function() { 
    if (transformTimer !== undefined) { 
     clearTimeout(transformTimer); 
     transformTimer = undefined; 
    } 
    transforming = false; 
}); 
hammertime.on("drag", function (ev) { if (!transforming) { ... } }); 

Answer 2

попробовать ev.gesture.stopDetect();

увидеть вики Молота некоторых деталей о том, что! https://github.com/EightMedia/hammer.js/wiki/Event-delegation-and-how-to-stopPropagation---preventDefaults

Answer 3

Мне только удалось исправить эту ошибку.

  var transforming = false; 
      var transformTimer = null;   

      hammertime2.on('touch drag dragend transform', function(ev) { 
       manageMultitouch(ev); 
      }); 

      hammertime2.on("transformstart", function(evt) {      
       transforming = true; 
      }); 

      hammertime2.on("transformend", function(evt) { 
       setTimeout(function() {  
        transforming = false; 
       }, 1000); 
      }); 

     function manageMultitouch(ev){    

      if (transforming && (ev.type == 'drag' || ev.type =='dragend')) return; 

      switch(ev.type) { 
       case 'touch':      
        break; 

       case 'drag': 
        break; 

       case 'transform': 
        transforming = true;      
        break; 

       case 'dragend': 
        break; 
      } 

     } 

Важной частью здесь является то, что в то время как вы делаете «Transform» всегда устанавливается transforming = true;