refactor: 移除长按保存图片功能及相关代码

移除不再需要的长按保存图片功能,包括HTML中的提示元素、CSS样式以及JS中的相关逻辑
将保存图片提示改为点击保存,简化用户操作流程
This commit is contained in:
Zhukj
2026-04-22 11:17:31 +08:00
parent 848277849a
commit e46805deca
3 changed files with 3 additions and 66 deletions

View File

@@ -261,9 +261,6 @@
handleContainerClick(e);
});
// 初始化长按保存(只在3:5预览区域)
initLongPressSave();
// 初始化右键菜单(只在3:5预览区域)
initContextMenu();
@@ -276,13 +273,7 @@
// 加载默认背景图
loadDefaultBackground();
// 显示长按提示
setTimeout(() => {
longPressTip.classList.add('show');
setTimeout(() => {
longPressTip.classList.remove('show');
}, 3000);
}, 1000);
}
// 加载默认背景图
@@ -1707,38 +1698,6 @@
editorToolbar.classList.remove('active');
}
// 初始化长按保存(只在3:5预览区域)
function initLongPressSave() {
// 只在图片容器上触发长按保存
imageContainer.addEventListener('touchstart', (e) => {
// 如果触摸的是输入框,不触发长按保存
if (e.target.closest('.text-input')) {
return;
}
longPressTimer = setTimeout(() => {
if (navigator.vibrate) {
navigator.vibrate(50);
}
saveImage();
}, 800);
}, { passive: true });
imageContainer.addEventListener('touchend', () => {
if (longPressTimer) {
clearTimeout(longPressTimer);
longPressTimer = null;
}
});
imageContainer.addEventListener('touchmove', () => {
if (longPressTimer) {
clearTimeout(longPressTimer);
longPressTimer = null;
}
});
}
// 初始化右键菜单(只在3:5预览区域)
function initContextMenu() {
// 只在图片容器上禁用默认右键菜单并显示自定义菜单
@@ -2025,7 +1984,7 @@
`;
const tipText = document.createElement('p');
tipText.innerHTML = '长按图片保存到相册<br><span style="font-size:14px;opacity:0.8">(预览已缩放,实际保存为高清原图)</span>';
tipText.innerHTML = '预览图片<br><span style="font-size:14px;opacity:0.8">(点击保存到相册)</span>';
tipText.style.cssText = `
color: #fff;
font-size: 18px;