angular - hvorfor fungerer pan og tap mens swipe ikke gjør det i min HammerJS, angular2 og Typescript plunker?
Jeg laget denne plunker http://plnkr.co/edit/s8p2KtW8YnPqU557J78k?p=preview som viser det jeg vil anse som den mest grunnleggende måten å utnytte hammerjs og dets gesthendelser fra innenfor angular2 og typescript som et eksternt bibliotek.
_.each( this.actors, function(actor){
var myElement = document.getElementById(actor.id);
myElement.style.backgroundColor = actor.color;
var hammertime = new window.Hammer(myElement);
hammertime.on('panright', function(ev) {
var target = ev.target;
var actorName = target.getAttribute('data-actor');
console.log("pan actorName: ", actorName);
});
hammertime.on('tap', function(ev) {
var target = ev.target;
var actorName = target.getAttribute('data-actor');
console.log("tap actorName: ", actorName);
});
hammertime.on('swipe', function(ev) {
var target = ev.target;
var actorName = target.getAttribute('data-actor');
console.log("swipe actorName: ", actorName);
});
});
Jeg kan se trykk- og panoreringshendelser, men ikke sveipehendelsene. Noen ideer hvorfor? For mine formål kan jeg ganske enkelt behandle panvenstre eller panhøyre som en sveipvenstre eller sveiphøyre-hendelse, men det er merkelig at sveipehendelsene ikke ser ut til å bli fanget konsekvent som pan.