如果e.target不是xxx的孩子，请做点什么

Question

我希望在用户悬停时更改元素的z-index，并在用户mouseout时重新初始化它。

但我的问题是，我找不到如何知道用户何时将我的元素的孩子悬停在悬停状态，或者他是否正在离开该元素。

我试过了：

    var controlsWrapper = $('#controls-wrapper');

controlsWrapper.on('mouseover', function() {
    console.log('in');          
})
controlsWrapper.on('mouseout', function(e) {
    if(!controlsWrapper.has(e.target)) {
        console.log('out');
    }
})