Каков наиболее перспективный способ определить, является ли цель события дочерним элементом известного элемента?

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 
    } 
});