解决nw.js中hover/cursor等鼠标事件失效的问题

当我们在package.json中设置“frame”:false;然后自定义frame时。

编写cursor:pointer;  hover  mouseenter  mousemove等事件时,工作区会失效,具体表现如图:


原因是:我们为了让自定义的frame变得可拖拽,所以写了以下代码:

#titlebar{ -webkit-app-region:drag; }    

虽然保证了dragable,但是导致了workaround的失效,进而导致mouse Events的失效

解决:给#titlebar下的子盒子设置一下css属性,让子盒子变得不可拖拽

-webkit-app-region: no-drag;

顺利解决:


参考文章:github.com/nwjs/nw.js/wiki/Frameless-window

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • lwip是node.js的一个轻量级的图片处理器。它能对图片进行放大,旋转,切割,格式转换,调节亮度/对比度/灰度...
    龙黎_阅读 4,583评论 0 1
  • 在win10下,关于nw.js打包的问题找了好多资料,大多的方法如下: app文件:存放项目代码的文件夹1. 将a...
    龙黎_阅读 10,152评论 0 1
  • 一、前言 NW.js和Electron都可以用前端的知识来开发桌面应用。NW.js和Electron起初是同一 个...
    花雨_d9ba阅读 9,975评论 0 3
  • 今天来介绍下如何利用nw.js进行客户端开发 1、首先进入nw.js官网下载开发包,链接地址:https://nw...
    知文图鉴阅读 6,083评论 0 0
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,502评论 2 59

友情链接更多精彩内容