Outils pour utilisateurs

Outils du site


devweb:jquery:eventstop (lu 969 fois)

Event preventDefault stopPropagation

<div class="container">
  <div class="element"></div>
</div>
$('.container').click(function(e){
  // exec code
})
 
$('.element').click(function(e){
  e.preventDefault();
  e.stopPropagation();
  // exécute le code sans exécuter le code du container
})

Si la div element n’existe pas à l’origine et qu’elle est créé par une requête ajax par exemple ou un code javascript, il faudra adapter le code javascript

$('.container').click(function(e){
  // exec code
})
 
$('.container').on('click','.element', function(e){
  e.preventDefault();
  e.stopPropagation();
  // exécute le code sans exécuter le code du container
})
devweb/jquery/eventstop.txt · Dernière modification: 19-11-2023 18:08 de edmc73