fix:优化手机端输入框选中状态下,点击背景图以及空白处选中框消失
This commit is contained in:
26
js/script.js
26
js/script.js
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user