Als ich anfing, an der Front-End-Seite zu arbeiten, kam ich auch mit JS in Kontakt, aber dann wurde ich von der einfachen und effizienten JQuery angezogen und wurde bis heute gewöhnt.
Und JS wird durch meine subjektive Sicht auf die zugrunde liegende Technologie aufgegeben.
Bis heutzutage muss ich den Touchscreen -Sliding -Ereignissen von mobilen Seiten untersuchen. Es ist wirklich umständlich, nach der entsprechenden technischen Unterstützung von JQuery zu suchen (natürlich kann es sein, dass ich nicht genug Verständnis von JQuery habe), und JS braucht nur wenige Schritte, um es einfach zu definieren.
Da ich wenig über JS weiß, habe ich die einfachste Anwendung lange ausprobiert ... teilen wir den tatsächlichen Hinweis auf das Touch -Ereignis von JS:
$ (function () {document.adDeVentListener ("TouchMove", _touch, false);}) Funktion _touch (Ereignis) {alert (1);}Der obige Code verwendet zwangsläufig bestimmte Dinge in JQuery, und diejenigen, die JQuery nicht verwenden, können ignoriert werden.
Die entsprechenden Ereignisse sind:
TouchStart: Ausgelöst, wenn der Finger den Bildschirm berührt; Auslöser, auch wenn ein Finger bereits auf dem Bildschirm platziert ist.
Touchmove: Löst kontinuierlich, wenn der Finger auf dem Bildschirm gleitet. Während dieses Ereignisses verhindert das Aufrufen von PreventDefault () das Scrollen.
Touchend: Ausgelöst, wenn der Finger vom Bildschirm entfernt wird.
Touchcancel: Ausgelöst, wenn das System nicht mehr den Touch verfolgt. Das genaue Auslöserereignis für dieses Ereignis wird in der Dokumentation nicht ausdrücklich angegeben.
In den Ereignisobjekten der oben genannten Ereignisse gibt es die folgenden Attribute:
Berührungen: Eine Reihe von Berührungsobjekten, die den aktuell verfolgten Touch -Operation darstellen.
TargetTouches: Ein Array von Touch -Objekten, die für das Ereignisziel spezifisch sind.
Changetouches: Eine Reihe von Berührungsobjekten, die das darstellen, was sich seit der letzten Berührung geändert hat.
Jedes Touch -Objekt enthält die folgenden Eigenschaften:
ClientX: Berühren Sie die X -Koordinate des Ziels im Ansichtsfenster.
Clienty: Berühren Sie die Y -Koordinate des Ziels im Ansichtsfenster.
Kennung: Repräsentiert die eindeutige ID der Berührung.
Pagex: Berühren Sie die X -Koordinate des Ziels auf der Seite.
Pagey: Berühren Sie die Y-Koordinate des Ziels auf der Seite.
ScreenX: Berühren Sie die X -Koordinate des Ziels im Bildschirm.
Screeny: Berühren Sie die Y-Koordinate des Ziels auf dem Bildschirm.
Ziel: berührte DOM -Knotenkoordinaten
Nun, ich habe gerade angefangen zu lernen, also werde ich zuerst einige der Attribute von Baidu aufschreiben.