尋找事件目標是否爲已知元素的孩子最有希望的方法是什麼？

Question

我有這樣的訪問我的父元素：

var parentElem = angular.element('#parent'); 

然後在這個下面單擊事件我要檢查，如果由上述父的任何子產生的點擊。

$('html').click(function (e) { 

    // check e.target is child of 'parentElem'   

}); 

Answer 1

你應該能夠與普通的香草JavaScript來實現這一目標：

// Get a reference to a raw DOM node 
var parentElem = angular.element("#parent")[0]; 

$("html").click(function(e) { 
    // Get a reference to the event target 
    var element = e.target; 

    // "Climb" up the document tree until you've found the parent, 
    // or you can "climb" up no further. 
    while (parentElem !== element && element.parentNode) { 
     element = element.parentNode; 
    } 

    if (element === parentElem) { 
     // event target is inside parentElem 
    } 
    else { 
     // event target is not a child of parentElem 
    } 
});