設(shè)置-webkit-app-region后鼠標(biāo)點(diǎn)擊失敗的解決方式

要使的窗口可以拖動(dòng),需要給相應(yīng)元素設(shè)置?-webkit-app-region: drag?屬性。

.title-container {

????-webkit-app-region: drag;

}

但同時(shí)也會(huì)暴露出3個(gè)問(wèn)題:

會(huì)使的當(dāng)前元素的權(quán)級(jí)高于其他元素,通過(guò)設(shè)置z-index等也不能解決;

該元素及所有子元素將觸發(fā)不了鼠標(biāo)的相關(guān)事件;

元素所在區(qū)域,雙擊全屏和 restore size 等功能又廢。


如何解決(既要可以拖動(dòng)窗口,又不會(huì)影響窗口內(nèi)部的元素)?

在設(shè)置該屬性的元素中,增加一個(gè)等寬、等高的元素,該元素設(shè)置?-webkit-app-region: no-drag?屬性。

.title-content {

????-webkit-app-region: no-drag;

}

<div class="title-container">

????<div?class="title-content?">......</div>

</div>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容