Question

如何判断鼠标按下的点是否在指定矩形区域CRect

Answer 1

document.onclick=function(e){
var event = e || window.event;
var ele = event.srcElement || event.target;
if(ele.id != "id1" && ele.id != "id2"){//鼠标点击的范围不在指定范围内
alert("鼠标不在指定范围内");
}else{
alert("鼠标在指定范围内");
}
}

ps:id1与id2分别对应页面中元素的id属性名称，比如页面中有<input type="text" id="id1" value=""/> 或
<select id="id2"></select>等。。。

//下面是工作过程中遇到时请教公司同事得到的方法，觉得更有用，暂时收藏于此
//鼠标点击的范围不在统计时间下拉框与div的时候,隐藏div
$(function(){
document.onmouseup=function(){
var obj=event.srcElement;//只能在IE（若想在别的浏览器，则参考最上面那方法的代码）
var flg=true;
while(obj.id!='timeInfo'){
obj=obj.parentNode;
if(obj.nodeName=="BODY")break;
if(obj.id=='timeInfo'){
flg=false;break;
}
}
if(flg)$('#timeInfo').hide();
}

})