1.3.1.2. fejezet, események és kezelésük (bind)

Korábban bind volt a metódus neve, az 1.7-es óta az $(selector).on(function(){}); alkalmazható.

<!DOCTYPE html>
<html lang="hu-HU">
<head>
<meta charset="utf-8">
<script src="jquery-2.1.3.js"></script>
<script>
$(document).ready(function(){
  $("#aButton").on("click",function(e){
    if (typeof e.target.click === 'function') {
        alert(e.target.click);
    }
  });
  $(".reference").click(function(e) {
    alert(e.target.innerHTML);
  });
});
</script>
</head>
...

Események

Egér esemény Billentyű esemény Form esemény Document/Window esemény
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave   blur unload

Egy eltérő eseménykezelő

A selector fejezetben leírttól eltérő esemény kezelő a hover:

$("#p1").hover(function(){
  alert("Beléptél a p1 elembe!");
  },
  function(){
  alert("Szia! Elhagytad a p1 elemet!");
});

További kipróbálható esemény kezelők a http://www.w3schools.com oldalán