1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
| // Trois possibilités :
// gestionnaire d'événement pour les images,
// actuelles et futures, contenues dans la page web.
$( "body" ).on( "click", "img", function( event ){
// debug, console, touche F12
console.log( "1 : ", event.target );
});
// gestionnaire d'événement pour les images,
// actuelles et futures, contenues dans "#contenu".
$( "#contenu" ).on( "click", "img", function( event ){
// debug, console, touche F12
console.log( "2 : ", event.target );
});
$( "#contenu" ).load( "test.html", function(){
// gestionnaire d'événement pour les images,
// actuelles, contenues dans this ("#contenu").
$( "img", this ).on( "click", function( event ){
// debug, console, touche F12
console.log( "3 : ", event.target );
});
});
/*
* Résultat dans la console :
* 3 : <img src="../images/avatarDVJH.jpg">
* 2 : <img src="../images/avatarDVJH.jpg">
* 1 : <img src="../images/avatarDVJH.jpg">
*/ |
Partager