Discussion :

[feelwatt]

Bonjour,
je tente de faire réagir le clic sur un élément mais pas ses enfants.
Un tableau:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table>
	<tr>
		<td class="td_a_cliquer">cliquer la</td>
	</tr>
</table>

Puis en Jquery,
sur le clic du td on créer un input et un bouton:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('.td_a_cliquer').on('click',function(event) { 
  $(this).append('<input type="text"><button id="save">bouton</button>'); // Création dun input texte et d'un bouton 
});

Mais clic sur le bouton et le td réagit toujours au clic.
J'ai cherché et trouvé stopPropagation:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$('.td_a_cliquer').on('click',function(event) { 
  $(this).append('<input type="text"><button id="save">bouton</button>'); // Création dun input texte et d'un bouton 
  event.stopPropagation(); // Annuler le click 
});

Mais le td réagit toujours au clic.
Je dois mal utiliser le stopPropagation, non ?

On pourrait dire
Si le td_a_cliquer ne contient pas de bouton alors le créer sinon rien... ?