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