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

View File

@ -286,6 +286,18 @@
opacity: 0;
}
body.window-touch {
.page-messenger {
.messenger-wrapper {
.messenger-select {
.messenger-list {
user-select: none;
}
}
}
}
}
body.window-portrait {
.page-dashboard {
.dashboard-wrapper {
@ -307,6 +319,7 @@ body.window-portrait {
}
}
.dashboard-list {
height: auto;
padding-bottom: 2px;
.scrollbar-content {
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 {
.page-manage {
&.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 {
.page-messenger {
.messenger-wrapper {