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

2017-11-08  本文已影响69人  龙黎_

当我们在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

上一篇下一篇

猜你喜欢

热点阅读