Tag: hammer.js
Hammer ist ein open-source-Bibliothek, die das erkennen von gesten gemacht durch Berührung, Maus und pointerEvents. Es hat Unterstützung für mehrere Instanzen der gleichen Zeit, so können Sie beginnen, erstellen multi-user-touch-Schnittstellen. Hammer keine Abhängigkeiten, und es ist klein, nur 3,7 kB minified + gzipped!
http://hammerjs.github.io/
Javascript berühren, Bewegung, Spur, wenn der Benutzer Eingaben über die Kanten
3 Antworten
Ich brauchen, um zu verfolgen Benutzer-touch-Ereignisse. Ich will zu verfolgen, wenn der Benutzer Eingaben über die Kanten. Zum Beispiel, wenn der Benutzer die Eingaben von der linken, vertikalen Kante I zeigt ein Menü an, das vom rechten
HammerJS Ereignis-Eigenschaften nicht definiert
2 Antworten
Entwickle ich diese kleine Webseite : Website ; und ich bin mit HammerJS als touch-Unterstützung-Bibliothek. Scheint es zu sein, reagiert auf die Ereignisse, und es erkennt die event.type Eigenschaft, aber wenn ich versuche, das event.direction oder andere
basic-touch-Geste funktioniert nicht, mit hammer.js
1 Antworten
Im gerade am Anfang zu lernen javascript, damit kann ich implementieren touch-gesten, ich bin mit dem hammer.js Bibliothek, aber auch ein einfaches Stück code scheint nicht zu funktionieren, weiß jemand, ob Im fehlt etwas, das offensichtlich ist?
hammer.js und preventDefault();
2 Antworten
js für die Unterstützung von touch-gesten. Ich bin Absacken meinem Kopf zu verhindern, dass Standard-Aktionen. wenn ich event.preventDefault oder event.gesture.preventDefault() oder auch parameter {prevent_defaults: true } auf hammer es ist nur Auslöser Standard-Aktion, die auf den Anker.
stopPropagation() mit tap event
5 Antworten
Ich bin mit hammer.js und es scheint, dass ich event.stopPropagation() funktioniert nicht mit Tippen Sie auf ein Ereignis. Wenn ich auf das Kind, das zugeordnete Ereignis ausgelöst wird, sondern Eltern-Ereignis wird auch ausgelöst, und das will ich
Verhindern, dass nur das horizontale scrollen mobile app
2 Antworten
Ich bin die Entwicklung einer web-app. Auf der linken Seite befindet sich eine sidebar mit dem Sidr-plugin (jQuery-Plugin: Sidr). Die test-site ist auf meinem Entwicklung server. Mein problem ist, dass wenn ich swipe von Links nach rechts
Betrachten Kennzeichnung event-handler als "passiv", um die Seite besser reagieren
2 Antworten
Bin ich mit dem hammer ziehen und es ist immer abgehackt beim laden von anderen Sachen, wie diese Warnmeldung sagt mir. Umgang mit 'touchstart' input event verzögert sich um X ms durch Haupt-thread beschäftigt. Betrachten Kennzeichnung event-handler
Hinzufügen von swipe-gesten Smooth Div Scroll
1 Antworten
Ich versuche, fügen Sie swipe-gesten Smooth Div Scroll plugin von Thomas Kahn, da das plugin nicht funktioniert auf iPads und andere smart-devices. Az zuerst war ich mit hammer.js zum hinzufügen von Funktionalität. Dies ist der code, den
Hammer.js : Wie behandeln / set Tippen und doubletap auf gleiche Elemente
3 Antworten
Ich bin mit jquery.hammer.js es funktioniert ganz gut und ich bin in der Lage, bind-Funktion, um eine doubletap-event. Das ist in Ordnung. Was ich will, ist, zu binden zwei unterschiedliche Verhaltensweisen. Eine für den "tap", für die
Pinch to zoom mit Hammer.js
1 Antworten
Ich soll einen zwei-Finger-Zoom-Funktion für ein Bild. Ich will es zu vergrößern in dem Bereich, wo die Finger sind. Mein index ist nur <div id="wrapper" style="-webkit-transform: translate3d(0,0,0);overflow: hidden;"> </div> Und mein Skript zum Zoomen und scrollen ist
Konfigurieren Hammerjs Veranstaltungen mit angular2
4 Antworten
Wie kann ich konfigurieren hammerjs Veranstaltungen in angular2? Verwenden hammerjs Veranstaltungen mit angular2 ich nur noch Veranstaltungen auf meiner html so: <div (press)="onLongPress($event)"></div> In diesem Fall (drücken) wird die Zeit von 251 Millisekunden, standardmäßig. Hammerjs Presse-event-Dokumentation Wie
Wie die Rückkehr der X-und Y-Koordinaten bei Verwendung von jquery.hammer.js
4 Antworten
Ich am Programmieren einer kleinen Seite mit jquery.hammer.js und ich habe immer Probleme auftreten die x-und y-Koordinaten des touch-event. mein code ist wie folgt: var x1, y1; var element = document.getElementById("myDIV") $(element).hammer().on("touch", function(e){ x1 = e.clientX y1
Wie würde ich glatt verschieben Sie ein element mit Hammer.js und JQuery?
1 Antworten
Ich bin derzeit an der Entwicklung einer web-app, der run auf die beiden computer-Systemen und Tablet-PCs. Vielleicht sogar smartphones. Nun, die Menüs sind auf der einen Seite, horizontal neben einander. Die Idee ist, dass Sie können schalten
Entfernen von hammer events
1 Antworten
Ich eine Veranstaltung erstellen mit hammer.js Bibliothek wie diese: Hammer(myElement).on("doubletap", function(evt){ evt.preventDefault(); }); Wie kann ich dann entfernen Sie das registrierte Ereignis? Kann ich auch mit Jquery? Ich habe keine Erfahrung mit Hammer ist, aber da die
Wie deaktiviere ich den vertikalen Bildlauf in iOS verwenden Hammer.js?
4 Antworten
Ich versuche zu deaktivieren, vertikales scrollen in iOS mit Hammer.js (jQuery-version) in einer horizontal-scrolling-Liste. Ich hab das versucht: $(document).hammer().on('swipe,drag', 'body', function(event) { if (event.direction == Hammer.DIRECTION_UP || event.direction == Hammer.DIRECTION_DOWN) { event.preventDefault(); } } ); Aber es
Wie die Umsetzung Swipe-Geste in IonicFramework?
2 Antworten
Ich anfügen möchten, streichen Sie nach Links & rechts wischen auf einem Bild mit IonicFramework. Aus der Dokumentation habe ich nur diese, aber keine Beispiel noch: http://ionicframework.com/docs/api/service/$ionicGesture/ http://ionicframework.com/docs/api/utility/ionic.EventController/#onGesture Kann jemand helfen, Beispiel-HTML & JS zu hören Geste
Mit MaterializeCSS mit Webpack - Nicht beheben Modul 'hammerjs'
2 Antworten
Ich Baue ein Projekt mit webpack. Das Projekt nutzt materializecss. Wenn ich materialize.js auf den Eintrag " Datei, beschwert es sich mit dem folgenden Fehler Cannot resolve module 'hammerjs' Wenn ich die Datei öffnen, ich kann sehen,
Wie zu verwenden hammer.js mit Angular.js
4 Antworten
Ich bin neu mit Angular.js und Lesen, ich weiß, eckig dont haben Ereignisse wie Tippen, doppeltes Tippen, etc. Ich versuche zu kombinieren mit Hammer.js ohne Erfolg. Code von gist /** * angular-hammer.js * Inspired by AngularJS' implementation
Mit mobilen Veranstaltungen in Angular2
6 Antworten
Wurde ich gefragt, ob ich könnte einige Hilfe in Bezug auf Ereignisse, die für mobile Geräte. Ich war auf der Suche um einen Weg zum binden von Funktionen, swipe-events in Winkel-2. Ich sah in diesem dieses Problem
Pinch to zoom mit Hammer.js
3 Antworten
Ich versuche zu implementieren, pinch to zoom mit hammer.js Hier ist meine HTML- <script src="//cdnjs.cloudflare.com/ajax/libs/hammer.js/1.0.5/hammer.min.js"></script> <div id="pinchzoom"> <div> <img id="rect" src="http://blog.gettyimages.com/wp-content/uploads/2013/01/Siberian-Tiger-Running-Through-Snow-Tom-Brakefield-Getty-Images-200353826-001.jpg" width="2835" height="4289" ondragstart="return false" alt="" /> </div> </div> Hier ist mein SKRIPT var hammertime = Hammer(document.getElementById('pinchzoom'),
Angular 2 - 'Konnte HammerJS nicht finden'
4 Antworten
Arbeite ich an einem einfachen angular2 Projekt, wo ich versuche zu importieren-Material-Design in meinem Projekt, aber einige der Komponenten nicht ordnungsgemäß funktioniert und eine Konsole Warnung, sagt: Nicht finden konnte HammerJS. Bestimmte Winkel-Material-Komponenten funktionieren möglicherweise nicht korrekt.
Wie man Hammer zum Wischen benutzt
3 Antworten
Ich gefunden habe, eine interessante Ressource: Hammer.js. Ich versuchte, wischen Sie mit Hammer und jQuery. 1), die ich heruntergeladen habe den code hier 2) ich habe diesen code in einem Dokument. Ich setze einen link auf diesen
Betrachten Sie den Event-Handler als "passiv", um die Seite reaktionsfähiger zu machen
1 Antworten
Bin ich mit dem hammer ziehen und es ist immer abgehackt beim laden von anderen Sachen, wie diese Warnmeldung sagt mir. Umgang mit 'touchstart' input event verzögert sich um X ms durch Haupt-thread beschäftigt. Betrachten Kennzeichnung event-handler