Onclick on Main Div

Question

J'ai essayé l'événement onclick sur la div parente qui a 100% la partie entière de div est maintenant cliquable. Mais en fait, je ne veux pas cela parce que si j'ai fait le sous-div comme indiqué à quelqu'un de fonction. Par exemple:

<div id="loginContainer" onclick="link();"> 
    <div id="login_form"> 
    <form method="post"> 
<input type="text" name="login" value=""/> 
<input type="submit" name="submit" value="submit"/> 
    </form> 
    </div> 
    </div> 

Voici le demo

Lorsque je clique pour entrer dans le champ de formulaire aussi l'obtenir à l'événement onclick. Est-il possible de rendre un div divisible par clic sans affecter le sous-div en utilisant javascript ou jquery ou css.

Merci

Answer 1

Vous pouvez stop the propagation pour les descendants du formulaire.

jsFiddle Demo

function link(e) { 
    window.open("http://google.com"); 
} 

$("#login_bar_builder").on("click", link) 
         .on("click", "form *", 
          function (e) { 
           e.stopPropagation(); 
          });