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>

以下是demo

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

由于

Answer 1

您可以stop the propagation获取表单的后代。

jsFiddle Demo

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

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

点击主要部分

1 个答案: