在div内的任何元素上捕获单击事件
在div内的任何元素上捕获单击事件
提问于 2015-02-22 22:36:56
我有一个包含一堆元素的div。如果屏幕尺寸小于767px，则此div将被隐藏(动画fadeOut())。但是，如果用户单击此div中的任何元素，我希望停止该fadeOut()。
但是按照我现在的看法，我必须为这个div中的每个元素添加一个单击事件。有没有更好的方法来捕获div中的所有点击事件
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-02-22 22:41:02
你可以这样做：
$('#container').on('click', function (event) {
if (event.target != this) {
alert('You clicked a descendent of #container.');
} else {
alert('You actually clicked #container itself.');
}
});这将检查发起单击事件的元素是否与它所附加到的元素完全相同。
Stack Overflow用户
发布于 2015-02-22 22:55:51
这只是Bill Chriswell回答的一个扩展，容器的孩子会被监听click事件。要停止动画，您可能需要使用.stop()方法。
$('#container').children().on('click', function (e) {
//apply jQuery's stop() method here
alert("children");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="container">
container
<span>span 1</span><span> span 2</span>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28659036
复制相关文章
相似问题
腾讯云开发者
