Właściwości Eventów

W języku JavaScript każde zdarzenie jest reprezentowane przez obiekt Event i posiada szereg właściwości opisujących jego stan i szczegóły. Poniżej wymieniono niektóre z nich:

type Zwraca nazwę zdarzenia.

								
document.addEventListener("click", function(event) {
  console.log(event.type);
});

target element który wywołał zdarzenie.

								
document.addEventListener("click", function(event) {
  console.log(event.target);
});

clientX oraz clientY Zwracają pozycję kursora myszy w oknie przeglądarki.

								
document.addEventListener("mousemove", function(event) {
  console.log(`X: ${event.clientX}, Y: ${event.clientY}`);
});

keyCode Zwraca kod klawisza, który został naciśnięty.

								
document.addEventListener("keyup", function(event){
  console.log(event.keyCode);
});

preventDefault() Zapobiega domyślnej akcji przeglądarki dla danego zdarzenia.

								
document.querySelector("a").addEventListener("click", function(event) {
  event.preventDefault();
  console.log("Link was clicked, default action was prevented");
});

stopPropagation() Zatrzymuje propagowanie zdarzenia do innych elementów w hierarchii dokumentu.

								
document.addEventListener("click", function(event) {
  console.log("Document was clicked");
  event.stopPropagation();
});

document.querySelector("button").addEventListener("click", function(event) {
  console.log("Button was clicked");
});

Notatka

Oto tylko kilka przykładów, jak można używać właściwości obiektu Event w języku JavaScript. W zależności od potrzeb i typu zdarzenia mogą być dostępne różne właściwości i metody.