jquery判断点击事件是否在目标区域

日期 2012年08月25日 10:21

分类 Web

标签

浏览 18109

字数统计: 664(字)

本文发布于 11 年前, 内容可能已经过时或失效!

很多时候需要在鼠标点击非目标区域div将目标div隐藏的效果,这是需要判断点击事件是否在目标区域内

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

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

这样就可以进行其他效果的操作了,另外一种类似思路:
jquery判断点击区域 隐藏/显示其他区域

原始写法:(不兼容ff)

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