Revision: 36425
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at November 22, 2010 01:16 by kreamweb
Initial Code
//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
})
})
Initial URL
Initial Description
Initial Title
the Event Object
Initial Tags
jquery
Initial Language
JavaScript