美文网首页
点击某一元素以外区域隐藏元素

点击某一元素以外区域隐藏元素

作者: 不要变成发抖的小喵喵喵喵喵喵 | 来源:发表于2017-06-27 14:33 被阅读0次

首先可以给 document对象绑定 click 事件。
然后由于事件冒泡机制,你单击文档的任意地方(包括绿色区域)都会触发 click 事件。

先在事件里写上隐藏绿色区域的代码

$(document).on('click',function(e){
   $('#aaa').hide();
});

然后,再给绿色区域绑定click事件,这时候阻止事件冒泡,这样一来,点击绿色区域的话,是不会隐藏掉自己的。

$('#aaa').on('click',function(e){
    e.stopPropagation();
});

相关文章

网友评论

      本文标题:点击某一元素以外区域隐藏元素

      本文链接:https://www.haomeiwen.com/subject/pelecxtx.html