HDTutorial
DE

Die Wiedergabe lädt den eingebetteten YouTube-Player (erweiterter Datenschutzmodus).

JavaScript-Events-Tutorial: So reagierst du auf Nutzerinteraktionen

333.203 Aufrufe 26. Oktober 2015 18:50

Auf YouTube ansehen
KanalLearnCode.academy

Beschreibung des Urhebers

Ein einfaches JavaScript-Events-Tutorial mit Code! Fast jeder Webentwickler muss irgendwann auf Nutzeraktionen auf einer Seite reagieren – sei es durch Inhaltänderungen oder Anpassungen der Darstellung. Das geht mit JavaScript-Events.

CODE ANSEHEN:

Beliebte JavaScript-Events sind:
- click (Klick)
- mouseenter (Maus eintreten)
- mouseleave (Maus verlassen)
- mousedown (Mausknopf gedrückt)
- mouseup (Mausknopf losgelassen)
- mousemove (Mausbewegung)
- keydown (Taste gedrückt)
- keyup (Taste losgelassen)
- blur (Focus verloren)
- focus (Focus erhalten)

In diesem Tutorial fügen wir Event-Listener zu HTML-Elementen hinzu. Wenn Nutzer klicken, fokussieren, den Fokus verlieren, Tasten drücken oder die Maus bewegen, wird JavaScript benachrichtigt – und wir können die Webseite dynamisch anpassen.

Auf Events zu hören ist eine Grundlagenaufgabe für Webentwickler.

Schau dir auch an: *«Responsive Design Tutorial – Tipps für perfekte Websites auf jedem Gerät»*

Über dieses Tutorial

LearnCode.academy hat dieses 18:50 lange Video-Tutorial am 26. Oktober 2015 veröffentlicht. Es wurde 333.203-mal auf YouTube angesehen.

Dauer
18:50
Veröffentlicht
26. Oktober 2015
Aufrufe
333.203
Likes
3.473

Teilen

Weiterführende Links

  • Web-App Tutorial: Funktionalität realisieren mit JavaScript entwickler.de

    Mit Blick auf die weitere Agenda wird es zunehmend darum gehen, wie wir mit Hilfe von ausgewählten JavaScript-Frameworks, wie Angular, jQuery usw. Webanwendungen erstellen, die geräteübergreifend eingesetzt werden könne…

  • Fire dom event javascript, to create the event you want to ... gebracht-gebt.net

    Fire dom event javascript Erstellen und Auslösen von Ereignissen - Web-Entwickler . Dieser Artikel zeigt, wie man DOM-Ereignisse erstellt und versendet. Solche Ereignisse werden allgemein als synthetische Ereignisse bez…

  • Mit jQuery, um HTML5 und CSS3 Vermarkten Sie Ihre Musik ... macprovideo.com

    Browser wie der Internet Explorer noch nicht über die Fähigkeit, das Schema der neuen HTML5-Standards analysiert. Ein Schema ist nur eine andere Art zu sagen, dass es einen Sinn und Verstand, um die Teile einer Kollek…

Dieses Tutorial in anderen Sprachen