jquery - フォームテキスト入力のクリックを許可するためにクリックしたときにクリック機能を無効にするにはどうすればよいですか?

Question

クリックすると、jquery .click 関数を介して div 内のフォームを開く div があります。

テキスト入力でフォーム内をクリックする必要があるまで、これはうまく機能します! どっ！

この特定の div が「開いている」(つまり、フォームが表示されている) ときに、クリック機能を無効にするにはどうすればよいですか。そして、divが再び「閉じられた」ときにクリック機能を返しますか?

Answer 1

次のような HTML 構造を想定します。

<div id="outer_clicking_div">
    <div id="form_div">
        <!-- form here -->
    </div>
</div>

このように、フォーム div の上のクリックの伝播を停止する必要があります

$('#form_div').click(function (e) {
    e.stopPropagation();
});