jquery判断点击事件是否指定区域

作者:袖梨 2022-11-14


jquery的实现方法是:(最近更新,未测)

代码如下 复制代码

$(document).click(function(e){
e = window.event || e; // 兼容IE7
obj = $(e.srcElement || e.target);
if ($(obj).is("#elem,#elem *")) {
// alert('内部区域');
} else {
alert('你的点击不在目标区域');
}
});

这样就可以进行其他效果的操作了,另外一种类似思路:


jquery判断点击区域 隐藏/显示其他区域

代码如下 复制代码


// 判断点击区域 隐藏/显示其他区域
document.onclick = function(e) {
e = window.event || e; // 兼容IE7
obj = $(e.srcElement || e.target);
// 点击区域位于当前节点
if (obj.attr('id') == 'more_groups') {
if ($('.groups_list').is(':visible')) {
$('.groups_list').show();
} else {
$('.groups_list').hide();
}
}else{
//不是当前节点
$('.groups_list').hide();
}
};

原始写法:(不兼容ff)后来改成写这样

代码如下 复制代码

$(document).click(function(){
if ($(event.srcElement).is("#elem,#elem *")) {
// alert('内部区域');
} else {
alert('你的点击不在目标区域');
}

相关文章

精彩推荐