美文网首页
解决nw.js中hover/cursor等鼠标事件失效的问题

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

作者: 龙黎_ | 来源:发表于2017-11-08 14:04 被阅读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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/zhoemxtx.html