perf: 优化大屏移动端长按菜单

This commit is contained in:
kuaifan 2023-06-09 14:07:14 +08:00
parent ea1c2a34e2
commit c2715f9b5e
5 changed files with 55 additions and 10 deletions

View File

@ -12,17 +12,17 @@ const longpress = {
throw 'callback must be a function' throw 'callback must be a function'
} }
// 不支持touch时使用右键 // 菜单键(右键)
el.__longpressContextmenu__ = (e) => {
e.preventDefault()
e.stopPropagation()
callback(e, el)
}
el.addEventListener('contextmenu', el.__longpressContextmenu__);
// 不支持touch
if (!isSupportTouch) { if (!isSupportTouch) {
el.__longpressContextmenu__ = (e) => {
e.preventDefault()
e.stopPropagation()
callback(e, el)
}
el.addEventListener('contextmenu', el.__longpressContextmenu__);
return return
} }
// 定义变量 // 定义变量
let pressTimer = null let pressTimer = null
let isCall = false let isCall = false
@ -64,9 +64,9 @@ const longpress = {
}, },
// 指令与元素解绑的时候,移除事件绑定 // 指令与元素解绑的时候,移除事件绑定
unbind(el) { unbind(el) {
el.removeEventListener('contextmenu', el.__longpressContextmenu__)
delete el.__longpressContextmenu__
if (!isSupportTouch) { if (!isSupportTouch) {
el.removeEventListener('contextmenu', el.__longpressContextmenu__)
delete el.__longpressContextmenu__
return return
} }
el.removeEventListener('touchstart', el.__longpressStart__) el.removeEventListener('touchstart', el.__longpressStart__)

View File

@ -286,6 +286,18 @@
opacity: 0; opacity: 0;
} }
body.window-touch {
.page-messenger {
.messenger-wrapper {
.messenger-select {
.messenger-list {
user-select: none;
}
}
}
}
}
body.window-portrait { body.window-portrait {
.page-dashboard { .page-dashboard {
.dashboard-wrapper { .dashboard-wrapper {
@ -307,6 +319,7 @@ body.window-portrait {
} }
} }
.dashboard-list { .dashboard-list {
height: auto;
padding-bottom: 2px; padding-bottom: 2px;
.scrollbar-content { .scrollbar-content {
overflow: visible; overflow: visible;

View File

@ -753,3 +753,15 @@ body.window-portrait {
} }
} }
} }
body.window-touch {
.page-file {
.file-wrapper {
.file-drag {
.file-list {
user-select: none;
}
}
}
}
}

View File

@ -421,6 +421,14 @@
} }
} }
body.window-touch {
.page-manage {
.manage-box-menu {
user-select: none;
}
}
}
body.window-portrait { body.window-portrait {
.page-manage { .page-manage {
&.show-tabbar { &.show-tabbar {

View File

@ -591,6 +591,18 @@
} }
} }
body.window-touch {
.page-messenger {
.messenger-wrapper {
.messenger-select {
.messenger-list {
user-select: none;
}
}
}
}
}
body.window-portrait { body.window-portrait {
.page-messenger { .page-messenger {
.messenger-wrapper { .messenger-wrapper {