HDTutorial
NL
JavaScript Events Tutorial: Zo reageer je op gebruikersinput

Afspelen laadt de ingesloten YouTube-speler (privacyvriendelijke modus).

JavaScript Events Tutorial: Zo reageer je op gebruikersinput

333.203 weergaven 26 oktober 2015 18:50

Bekijken op YouTube
KanaalLearnCode.academy

Beschrijving van de maker

Een eenvoudig JavaScript Events Tutorial met code! Bijna elke webontwikkelaar komt ergens tegenaan dat ze moeten reageren op acties van gebruikers op een pagina, zoals inhoud aanpassen of de weergave veranderen. Dat doe je door naar JavaScript-events te luisteren.

BEKIJK DE CODE:

Populaire JavaScript-events zijn:
- click (klik)
- mouseenter (muis binnen)
- mouseleave (muis buiten)
- mousedown (muisknop ingedrukt)
- mouseup (muisknop losgelaten)
- mousemove (muisbeweging)
- keydown (toets ingedrukt)
- keyup (toets losgelaten)
- blur (focus verloren)
- focus (focus gekregen)

In deze les voegen we event-listeners toe aan HTML-elementen. Wanneer gebruikers klikken, focus krijgen, focus verliezen, toetsen indrukken of de muis bewegen, krijgt JavaScript een melding en kunnen we de website aanpassen.

Luisteren naar JavaScript-events is een basistaken voor webontwikkelaars.

Kijk ook naar: *«Responsive Design Tutorial – Tips voor websites die op elk apparaat geweldig uitzien»*

Over deze tutorial

LearnCode.academy publiceerde deze videotutorial van 18:50 op 26 oktober 2015. Hij is 333.203 keer bekeken op YouTube.

Duur
18:50
Gepubliceerd
26 oktober 2015
Weergaven
333.203
Likes
3.473

Delen

Verder lezen

  • Apprenez à programmer avec JavaScript - OpenClassrooms openclassrooms.com

    Établissez une base solide en développement web en apprenant et en pratiquant JavaScript, l'un des principaux langages de programmation sur le web et créez une application simple !

  • JavaScript Tutorial - W3Schools Online Web Tutorials w3schools.com

    JavaScript is one of the 3 languages all web developers must learn: 1. HTML to define the content of web pages. 2. CSS to specify the layout of web pages. 3. JavaScript to program the behavior of web pages

  • Web Development - W3Schools Online Web Tutorials w3schools.com

    Every Web Developer must have a basic understanding of HTML, CSS, and JavaScript. Responsive Web Design is used in all types of modern web development. ECMAScript 5 (JavaScript 5) is supported in all modern browsers. Ta…

Deze tutorial in andere talen