0
votes

Comment faire un élément HTML Neckable?

Comment créer l'élément HTML sans cliquer sur?

Chaque élément est cliqué par JavaScript. En cliquant sur l'élément obtient l'alerte (this.id) code>. Comment faire parent2 code> non cliquable, mais le bouton à l'intérieur vous permet de cliquer? P>

Bien sûr, j'aurai plus parent3 code>, parent..4 code> avec div à l'intérieur et forme. Y a-t-il un moyen simple? P>

Cela aidera s'il existe un moyen de cliquer tout au sein du parent (Childs). Parent2, parent3 ... ne pas cliquer, mais se former à l'intérieur parent2 .., 3................ / p>

p>

<div id="parent">
  <div id="child"></div>
</div>

<div id="parent2">
  <button type="button" onclick="alert('Hello world!')">Click Me!</button>
</div>

<div  id="parent3">
<button id="button" type="button" onclick="alert('Hello world2!')">Click 
Me!</button>
</div>


1 commentaires

Si vous ne voulez pas être informé des clics sur # parent2 ... Pourquoi définissez-vous un onclick dessus? Pourquoi permettez-vous au bouton de propager l'événement, mais vous arrêtez de propagation sur d'autres gestionnaires, si vous ne voulez pas que le bouton, cliquez pour se propager? Quel est le problème que vous essayez de résoudre? (Sans plus de contexte, c'est exactement comme cette blague "médecin, docteur, ça me fait mal quand je fais ça" - "Alors ne le fais pas"))


5 Réponses :


0
votes

Ajouter une pièce d'identité ou quelque chose pour le bouton et vérifiez si l'événement était originaire de celui-ci à l'aide de E.Target. Ci-dessous est le snippet xxx


0 commentaires

0
votes

Cela exclurait parent2 code> de votre événement onclick:

p>

<div id="parent">
  <div id="child" class="clickMe"></div>
</div>

<div id="parent2">
  <button class="clickMe" type="button">Click Me!</button>
</div>


2 commentaires

Bien sûr, j'aurai plus de parents3, parent4 ... avec Div Inside et Formulaires. Y a-t-il un moyen simple


Alors, quelle est votre question alors? @aldin_abdagic



0
votes

Si vous voulez que votre parent2 div code> Pour ne pas exécuter aucun code, juste retour code> lorsque le clickeddivid == "parent2" code>.

. P>

<div id="parent">
  <div id="child"></div>
</div>

<div id="parent2" class="dis">
  <button type="button" onclick="alert('Hello world!')">Click Me!</button>
</div>

<div  id="parent3" class="dis">
<button id="button" type="button" onclick="alert('Hello world2!')">Click 
Me!</button>
</div>


4 commentaires

Bien sûr, j'aurai plus de parents3, parent4 ... avec Div Inside et Formulaires. Y a-t-il un moyen simple


Vous pouvez conserver l'identifiant dans un tableau et vérifier si l'identifiant cliqué est présent dans ce tableau


Vous pouvez également attribuer des classes aux divs Disabled DIV .. Vérifiez le code mis à jour.


Vérifiez le code mis à jour. Il peut être plus clair. Je m'excuse pour la confusion



0
votes

Vous pouvez ajouter du code CSS à un bouton de type CSS similaire à: xxx

avec ce bouton de code obtenez un niveau supérieur à la zone mère, N'oubliez pas que la boîte de parents doit avoir position: relative


0 commentaires

1
votes

au lieu d'attacher On-cliquez sur Evénement sur DIV Mettez-le sur le bouton SEULEMENT et que le gestionnaire d'événements doit mettre en œuvre une alerte et stoppropagation logique.

Pas besoin de joindre onclick événement sur div

vous doit être comme

html < Pré> xxx

javascript: xxx


1 commentaires

Parent et enfant doivent être cliqués, parent2,3 ..... ne pas être cliqué, mais le bouton à l'intérieur doit être cliqué