<div id="test" style="position:absolute; width:200px; height:200px; border:1px solid #ccc; top:100px; left:100px; background:red;"></div>
|
02 |
<script type="text/javascript">
|
03 |
function getELXY(e){ |
04 |
return {x:e.offsetLeft,y:e.offsetTop};
|
05 |
} |
06 |
function getELWH(e){ |
07 |
return {w:e.offsetWidth,h:e.offsetHeight};
|
08 |
} |
09 |
function getClientXY(e){ |
10 |
e=e||event;
|
11 |
return {cx:e.clientX,cy:e.clientY};
|
12 |
} |
13 |
document.onclick = function(e){ |
14 |
var obj = document.getElementById("test");
|
15 |
var lt = getELXY(obj)['x'];
|
16 |
var rt = getELXY(obj)['x'] + getELWH(obj)['w'];
|
17 |
var topY = getELXY(obj)['y'];
|
18 |
var bottomY = getELXY(obj)['y'] + getELWH(obj)['h'];
|
19 |
var mouseXX = getClientXY(e)['cx'];
|
20 |
var mouseYY = getClientXY(e)['cy'];
|
21 |
if(mouseXX<lt || mouseXX>rt || mouseYY<topY || mouseYY>bottomY){
|
22 |
obj.style.display="none";
|
23 |
}else{
|
24 |
}
|
25 |
}; |
26 |
</script>
|