【js】鼠标从顶部离开触发事件

原本想制作一个1px高度，100%宽度的元素，然后监听某元素mouseleave来实现的。但是当快速离开的时候，并没有实现到我想要的功能。

于是，可以采用以下的方式：

document.addEventListener('mouseleave', (event) =>{
            var y = event.clientY;
            if (y<=0) {
                console.log('鼠标从顶部离开的')
            }
        });

当离开document的时候，监听鼠标位置，如果鼠标位置是从顶部离开的，触发事件