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('你的点击不在目标区域');
}
|