Priorytet zdarzenia Hammer.js

Question

Zaimplementowałam bibliotekę hammer.js na moje wydarzenia. Problem polega na tym, że jednocześnie uruchamiane są różne zdarzenia.

Czy mogę ustawić czas trwania priorytetu zdarzenia. Powiedzmy, że po zakończeniu transformacji wszystkie inne zdarzenia są ignorowane. Kiedy transformacja zatrzyma inne zdarzenia można zrobić.

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

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

Ja już próbowałem coś takiego: Disabiling przeciągnij kiedy zaczniemy przekształcania

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

I enabeling go z powrotem po zakończeniu transformacji

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

Podejście to działa dobrze z wyjątkiem Czasami przeciąganie nie powraca do wartości true. Chcę 100% działającego rozwiązania. Proszę o pomoc ...

Answer 1

Jeden tani sposób to zrobić, aby mieć swój obsługi zdarzeń współpracować:

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

Jeżeli młot nie zawsze dzwoni transformend, to niestety wszystko, co można zrobić, aby obejść ten błąd jest użycie jakiegoś zegara, który kończy transformację, jeśli upłynie pewien czas. To nie jest idealne, ale może pomóc odzyskać od ewentualnego błędu w Hammer:

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

spróbować ev.gesture.stopDetect();

zobaczyć wiki Hammer dla niektórych szczegółów o tym! https://github.com/EightMedia/hammer.js/wiki/Event-delegation-and-how-to-stopPropagation---preventDefaults

Answer 3

Właśnie udało mi się naprawić ten błąd.

  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; 
      } 

     } 

Ważną częścią jest to, że podczas gdy robisz „Transform” zawsze ustawiony transforming = true;