確定當子div發生溢出時點擊是否在div的邊界內

Question

我有兩個div在另一個內。 Child div溢出。

<div id="dv1"> 
    <p> hello world</p> 
    <div class="child1">Inner Div</div> 
</div> 

見http://jsfiddle.net/Sq7hg/629/

是否有可能找出是否我父div的綠色邊框內單擊，包括孩子的div是邊框內的部分？

Answer 1

爲了便於閱讀，我拿出了一些代碼。

在任何情況下，如果「測試」失敗，您可以返回或使其採取不同的行爲。

這裏是它在行動：http://jsbin.com/qerud/10/edit

$(function() { 


    function validateClick (elem,e){ 
     /*Gets clicked position inside the element */ 
     var posX = e.pageX - elem.position().left, 
      posY = e.pageY - elem.position().top; 

     /* Compares click to the size of the element */ 
     var elemWidth = elem.width(); 
     elemHeight = elem.height(); 

     if(elemWidth > posX && elemHeight > posY){ 
      return true; 
     } 
      return false; 

    }; 


    $("#dv1").mousedown(function(e) { 
     $(this).css('background-color','yellow'); 
     if(!validateClick($(this),e)){ 
      return $(this).css('background-color','blue'); 
     } 

    }); 

}）;