electron關於無邊框窗口無法拖拽移動以及點擊事件失效的問題


為了使窗口無邊框,使得在某些時候讓項目看起來更美觀,所以在創建窗口的時候通過設置 frame 屬性的值為 false 來創建無邊框窗口。但是無邊框窗口會產生無法移動的問題,對於這個問題我們可以在渲染進程中通過編輯 css 文件來解決。

設置  -webkit-app-region: drag 把整個文檔都變成了一個可拖拽的對象:
body,html {
    -webkit-app-region: drag;
}

 

現在拖動的問題解決了,但是原來所有的點擊事件卻失效了,為此我們通過設置部分的這個屬性值為  no-drag 來解決:
section {
    -webkit-app-region: no-drag
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM