首頁猿問 -webkit-app-regio...

-webkit-app-region 無法鼠標(biāo)事件

JavaScript

慕運(yùn)維8079593 2018-10-19 14:45:12

一個node-webkit項目，頂部標(biāo)題欄css樣式設(shè)置為 -webkit-app-region：drag，就觸發(fā)不了鼠標(biāo)相關(guān)事件

查看完整描述

1 回答

吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗獲得超7個贊

我也遇到這個問題了,我是想做一個像迅雷下載速度一樣的懸浮框,能拖,能點(diǎn)擊,能右鍵

試了很多種方案都不完美..

最終找到一個方案..雖然比較麻煩,但是實現(xiàn)很完美

那就是不用 -webkit-app-region：drag

自己捕獲鼠標(biāo)事件,然后移動窗口

實現(xiàn)拖拽代碼如下

    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事件需要自己實現(xiàn)..不然拖動也會觸發(fā)click

mousedown之后mouseup 判斷鼠標(biāo)移動距離.

小于多少就當(dāng)click事件處理..大于多少距離就當(dāng)移動..不觸發(fā)click

反對回復(fù) 2018-11-05