javascript - 单击主分区

Question

我在父 div 上尝试了该onclick事件，它100%现在可以点击整个 div 部分。但实际上我不想要这个，因为如果我将 sub 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。

谢谢

Answer 1

您可以停止表单后代的传播。

jsFiddle 演示

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

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