SOURCE

$(function(){
    const big = document.querySelector('.big')
    const small = document.querySelector('.small')
    document.body.addEventListener('mousemove',(e)=>{
        console.log('body',Object.keys(e))
        e.stopPropagation()
        // e.stopImmediatePropagation()
    },{capture:true})
    small.addEventListener('mousemove',()=>{
        console.log('small')
    })
})

<div class="big">
    <div class="small">
        
    </div>
</div>

.big {
    width:100vw;
    height:100vh;
}

.small{
    width:200px;
    height:200px;
    margin-left:300px;
    margin-top:100px;
    background: red;
}