0

divの全体がクリック可能になっonclickた親divでイベントを試しました。100%しかし、実際には、誰かの機能を指すようにサブ 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をクリック可能にする方法はありますか?

ありがとう

4

1 に答える 1

1

フォームの子孫の伝播を停止できます。

jsFiddle デモ

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

$("#login_bar_builder").on("click", link)
                       .on("click", "form *", 
                           function (e) {
                               e.stopPropagation();
                           });
于 2013-09-07T05:12:33.973 に答える