fix:优化手机端输入框选中状态下,点击背景图以及空白处选中框消失

This commit is contained in:
Zhukj
2026-04-17 10:16:46 +08:00
parent ae91c8ff0a
commit 5ff4a21857
2 changed files with 22 additions and 7 deletions

View File

@@ -76,15 +76,29 @@
});
// 点击容器空白处取消选中
imageContainer.addEventListener('click', (e) => {
function handleContainerClick(e) {
// 点击容器、背景图层或背景图片,取消输入框选中
if (e.target === imageContainer ||
e.target === bgLayer ||
if (e.target === imageContainer ||
e.target === bgLayer ||
e.target === bgImage ||
e.target.closest('.preview-bg-layer')) {
deselectAll();
e.target.closest('.preview-bg-layer') ||
e.target === document.getElementById('emptyTip')) {
// 如果正在编辑,先结束编辑
if (editingInput) {
endEdit(editingInput);
}
// 移除选中状态
if (selectedInput) {
selectedInput.classList.remove('selected');
selectedInput = null;
}
// 隐藏辅助线
hideGuides();
}
});
}
imageContainer.addEventListener('click', handleContainerClick);
imageContainer.addEventListener('touchend', handleContainerClick);
// 初始化长按保存(只在3:5预览区域)
initLongPressSave();