jq 如何让点击其他地方隐藏_详解jQuery除指定区域外点击任何地方隐藏DIV功能
本文主要介紹了jQuery除指定區域外點擊任何地方隱藏p的相關資料,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友可以參考下,希望能幫助到大家。
具體代碼如下所示:
$('body').click(function(e) {
var target = $(e.target);
// 如果#overlay或者#btn下面還有子元素,可使用
// !target.is('#btn *') && !target.is('#overlay *')
if(!target.is('#btn') && !target.is('#overlay')) {
if ( $('#overlay').is(':visible') ) {
$('#overlay').hide();
}
}
});
或者
$('body').click(function(e) {
if(e.target.id != 'btn' && e.target.id != 'overlay')
if ( $('#overlay').is(':visible') ) {
$('#overlay').hide();
}
})
PS:下面在接著看一段代碼jquery 點擊除本身外其他地方隱藏
$("#test").click(function(e) {
e?e.stopPropagation():event.cancelBubble = true;
});
$(document).click(function() {
$("#test").fadeOut();
e?e.stopPropagation():event.cancelBubble = true; 為阻止冒泡事件 });相關推薦:
總結
以上是生活随笔為你收集整理的jq 如何让点击其他地方隐藏_详解jQuery除指定区域外点击任何地方隐藏DIV功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: tp5类的属性不存在_thinkPHP5
- 下一篇: 反向输出dna序列_蛋白质序列反向(逆向