jquery - 单击以允许单击表单文本输入时如何禁用单击功能？

Question

我有一个 div，单击它会通过 jquery .click 函数在 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();
});