Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

AngularJS 1.3 Grundkurs

Ereignis beim Verlassen des Mauszeigers auslösen

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Es stehen ebenfalls Direktiven in AngularJS zur Verfügung, welche Ereignisse auslösen, sobald der Mauszeiger den Bereich eines HTML-Elements verlässt.
02:22

Transkript

ng-mouseover und ng-mouseenter waren Mausereignisse gewesen, die ich im AngularJS-Kontext abfahren kann, um herauszufinden, ob sich eine Maus innerhalb eines Containers befindet beziehungsweise den Container betreten hat. Ich möchte euch jetzt die Ereignisse zeigen, die dann entsprechend auch Bescheid sagen, wenn die Maus einen Container verlassen hat. Dafür duplizierte ich den Kontext und werde euch jetzt hier einmal demonstrieren, dass das ganze Ponto auch für out geht, das heißt, es gibt ein ng-mouseout, und ein ng-mouseleave. Eine Sekunde... leave Wunderbar! Perfekt! Also ein out und ein leave und nun noch mal hier schnell die Info Out und das Gleiche dann hier mit leave. Testen wir das Ganze nun! Erkennen wir, dass wir zum einen hier immer noch das MouseOver haben, und da sehen wir, dass dann entsprechend MouseOver-Ereignisse gefeuert werden, sobald ich dann in das Objekt hier hineingehe. Beim MouseOut funktioniert das Ganze in umgekehrter Richtung, das heißt, bewege ich mich in das Objekt, bekomme ich kein Ereignis, verlass ich das Objekt, bekomme ich das MouseOut-Ereignis, das ich hier vom type hier auch wunderbar erkennen kann. Wichtig hierbei ist, dass bei MouseOut auch alle Kinds-Objekte mitobserviert werden, das heißt, wenn der umgebende Container, den ich jetzt hier habe, einmal betreten wird, Und ich dann innerhalb des Containers allerdings zum Beispiel durch Textfeld oder andere Buttons, zum Beispiel den Gesamtcontainer, verlassen würde, wird immer ein Mouse-Out gefeuert. Will ich das verhindern und interessiert es mich tatsächlich nur, ob der umgebende Container verlassen ist, muss ich entsprechend Mouse-Leave verwenden. Und da seht ihr, das Mouse-Leave wird ausschließlich dann gefeuert, wenn ich den Container tatsächlich verlasse. In diesem Video haben wir also Mouse-Out und Mouse-leave als Direktive ng-MouseOut und ng-MouseLeave kennen gelernt.

AngularJS 1.3 Grundkurs

Legen Sie mit AngularJS moderne, anspruchsvolle Webprojekte auf der Basis von HTML, CSS und JavaScript an.

4 Std. 15 min (74 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Hersteller:
Software:
AngularJS AngularJS 1.3
Exklusiv für Abo-Kunden
Erscheinungsdatum:19.11.2014

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!