마우스 좌표가div에 속하는지 판단

2311 단어 div
< 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 ;lt || mouseXX>rt || mouseYY< topY || mouseYY>bottomY){ 22        obj.style.display="none"; 23     }else{ 24     } 25 }; 26 </ script >

좋은 웹페이지 즐겨찾기