如何在文档单击时排除元素
How to exclude the elements on Document click
jQuery
$(document).click( function () {
alert("hi");
}
.HTML
<div id="wrapper">
<div id="inner-1">
<div id="sub-inner1">Sub Inner1 Content</div>
<div id="sub-inner2">Sub Inner2 Content</div>
<div id="sub-inner3">Sub Inner3 Content</div>
</div>
<div id="inner-2" style="float:left; width:49%; border:dotted #CC3300;">
content inside inner-2 div
</div>
</div>
我想在使用 Jquery 单击文档时显示 Hi 警报消息。但我想排除 Inner-1div 及其子级。我的意思是,只有当我单击 inner-1 及其子项以外的div 时,我才想收到警报消息。谢谢。
尝试
$(document).on('click', function (e) {
if($(e.target).closest('#inner-1').length == 0){
console.log("click", e.target);
}
});
演示:小提琴
只需将一个新事件绑定到排除元素,如下所示:
jQuery(document).on('click', function(e) {
alert('Document got a click event');
});
// Here bind event on those event on which you want to exclude from
// document click
jQuery(document).on('click', '#inner-1', function(e) {
e.preventDefault();
e.stopPropagation();
return false;
});
试试这个:
$('#wrapper>div').not('#inner-1').click( function () {
alert("hi");
});
在这里演示
请查看这个。
$(document).on("click", "#wrapper > div[id!='inner-1']", function(){
alert("Hi");
});
我希望这对你有帮助。
$(document).not('#inner-1').click(function () {
alert("hi");
});
引用 .not()
相关文章:
- 使用 jQuery 创建可单击的行并排除子元素
- getElementsByTagName排除元素(筛选器)
- 如何将元素添加到动态数组并排除现有元素
- jQuery按数据值排除元素
- 排除基于先前ElementSibling的元素
- 获取元素的内部文本,但排除隐藏的子元素
- 我可以在 ReactJS 中排除原始元素的子元素吗?
- 如何在绑定事件期间排除元素
- 如何在文档单击时排除元素
- 从 hide() 操作中排除父元素及其子元素
- TinyMCE - 排除元素
- 从预加载中排除元素
- 如何在jquery.click()事件中排除元素类作为目标
- 如何从ng单击操作中排除元素
- Jquery从HTML方法中排除元素
- 从jQuery选择中排除元素
- 排除元素被cufon替换
- 从对象循环中排除元素
- Jquery:排除元素
- 从单击事件处理程序 (jquery) 中排除元素