Vue.js 弹框拖拽功能实现 - 避免全屏后拖拽出页面
在双击全屏效果的代码中,需要移除原先的拖拽事件,以避免拖拽出上下左右页面。可以在全屏状态下将拖拽事件移除,在退出全屏状态下重新绑定拖拽事件。具体代码如下:
if (isFullScreen) {
// 移除拖拽事件
dialogHeaderEl.onmousedown = null;
document.onmousemove = null;
document.onmouseup = null;
// 全屏代码...
} else {
// 重新绑定拖拽事件
dialogHeaderEl.onmousedown = moveDown;
// 退出全屏代码...
}
通过以上代码,就可以有效地解决弹框在全屏状态下拖拽出页面的问题。
原文地址: https://www.cveoy.top/t/topic/oKO2 著作权归作者所有。请勿转载和采集!