jquery - 如何有条件地控制的点击事件？

Question

我有一个 ul 标签和几个 li 标签。当我单击 li 时，使用 Jquery 单击事件会发生一些操作。对于每个li，操作是不同的。

然后我在每个 li 中添加了一个文本框。每当我单击文本框输入内容时，li click 事件都会被触发。

如何在单击文本框时阻止 li 单击事件？

HTML代码:

<ul id="myul">
    <li id="myli">

        <div>
            // some codes

            <span> 
                // some codes
            </span>

            <input type="text" id="myTextbox" />

            // some codes                                                         
        </div>
    </li>

    // other li tags
</ul>

JQuery 点击事件:

$('body').on('click', '.myli', function (evt) 
        // my actions    
});

Answer 1

也许你必须尝试 j 查询方法，它是 e.stopPropagation(); 这是一个代码

event.stopPropagation() 方法停止将事件冒泡到父元素，防止执行任何父事件处理程序。

 $("input").click(function(e) {
    e.stopPropagation();
  });
});

这是更多信息的链接 link