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

gz-郭小敏

于 2023-09-26 15:18:46 发布

阅读量279

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/github_39570717/article/details/133311082

文章讲述了在实现1px高度且100%宽度元素的mouseleave效果时遇到的问题，作者提出通过监听document的mouseleave事件，并检查鼠标离开时的位置，以达到所需功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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