//hmtl code
 <div class="link_box">
    <a class="target" href="http://google.com" >Google.com</a>
  </div>
 
  <input type="text" class="keyCatcher">
 
  <div class="log">
    <h2>Log:
    <ol></ol>
  </div>
 
 
//ev è un evento 
 
$(function(){
  // Log a message to ".log ol"
  function log(message){
    $('.log ol').append("<li>"+message+"</li>")
  }
 
  $('a.target').click(function(ev){
    log("Clicked Link");
    log("Target from link: " + ev.target);  //stampa nel log http://www.google.com
    log("Current Target from link: " + ev.currentTarget);
    log("Mouse at Page X:" + ev.pageX + " Page Y: " + ev.pageY);  //da la posizione x,y del click
    //es se clicco sul link la pagina non cambia rimane li 
	ev.preventDefault();
	// ev.stopPropagation(); non propaga la l'evento agli elementi parenti
	//se ho più eventi in ascolto e voglio stopparli tutti devo utilizzare la funzione
	// stopImmediatePropagation
  });
 
  $('.link_box').click(function(ev){
    log("Box Clicked");
    log("Target from box: " + ev.target);
    log("Current Target from box: " + ev.currentTarget);
  });
 
  $('.keyCatcher').keydown(function(ev){
    log("Key Down: " + ev.which)    //ritorna i codici dei tasti cliccati
  })
 
 
 
 
 
 
 
 
 
 
 
})