设置-webkit-app-region后鼠标点击失败的解决方式

要使的窗口可以拖动,需要给相应元素设置 -webkit-app-region: drag 属性。

.title-container {

    -webkit-app-region: drag;

}

但同时也会暴露出3个问题:

会使的当前元素的权级高于其他元素,通过设置z-index等也不能解决;

该元素及所有子元素将触发不了鼠标的相关事件;

元素所在区域,双击全屏和 restore size 等功能又废。


如何解决(既要可以拖动窗口,又不会影响窗口内部的元素)?

在设置该属性的元素中,增加一个等宽、等高的元素,该元素设置 -webkit-app-region: no-drag 属性。

.title-content {

    -webkit-app-region: no-drag;

}

    ......

你可能感兴趣的:(设置-webkit-app-region后鼠标点击失败的解决方式)