猿问

-webkit-app-region 无法鼠标事件

一个node-webkit项目,顶部标题栏css样式设置为 -webkit-app-region:drag,就触发不了鼠标相关事件

慕运维8079593
浏览 2370回答 1
1回答

吃鸡游戏

我也遇到这个问题了,我是想做一个像迅雷下载速度一样的悬浮框,能拖,能点击,能右键试了很多种方案都不完美..最终找到一个方案..虽然比较麻烦,但是实现很完美那就是不用 -webkit-app-region:drag自己捕获鼠标事件,然后移动窗口实现拖拽代码如下    var win = nw.Window.get()    let biasX=0     let biasY=0     document.addEventListener('mousedown',function(e){         biasX=e.x         biasY=e.y        document.addEventListener('mousemove',moveEvent)     })    document.addEventListener('mouseup',function(){         biasX=0         biasY=0         document.removeEventListener('mousemove',moveEvent)     })    function moveEvent(e){         win.moveTo(e.screenX-biasX,e.screenY-biasY)     }click事件需要自己实现..不然拖动也会触发clickmousedown之后mouseup 判断鼠标移动距离.小于多少就当click事件处理..大于多少距离就当移动..不触发click
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答