Javascript 单击主Div上的Onclick

我在父div上尝试了

onclick

事件，该事件的

100%

现在可以单击div的整个部分。但实际上我不想要这个，因为如果我做了指向某人函数的子div。例如：

   <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>

这是你的电话号码

当我单击以输入表单字段时，它也会将其转到onclick事件。是否有一种方法可以使用javascript、jquery或css使父div成为可点击的，而不影响子div

感谢您可以为表单的后代提供帮助

---

背景点击对你有用吗？不适合我。请尝试使用event.stopPropagation（）；在jquery中

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

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