一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > jquery

推荐专题

最新下载

热门教程

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

时间：2022-11-14 22:03:23 编辑：袖梨 来源：一聚教程网


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

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:111cn.com@163.com 我们24小时内处理