上传者: lucky_fang
|
上传时间: 2021-07-20 21:03:19
|
文件大小: 15KB
|
文件类型: JS
最近做了一个electron+vue的项目,需要实现类似QQ边缘自动隐藏的功能。
一开始想到的是通过页面的mouseout、mouseenter、mouseleave等方法实现,通过查找了很多资料,发现这几个方法只能实现一些比较简单的交互,局限性很大,难以实现鼠标hover显示,out就隐藏的效果。
后来发现通过监听鼠标在窗口的位置可以非常方便实现鼠标hover和out的判断,从而实现窗口自动隐现功能。
资源只有一个入口文件background.js,代码简单,都含有备注