\"fix: 修复图片拖拽事件监听器错误,移除未定义的函数引用\"

This commit is contained in:
yuantao
2025-10-16 10:37:51 +08:00
parent 4e2771277d
commit ae035b5786

View File

@@ -73,14 +73,28 @@ onMounted(() => {
// 为已有图片添加拖拽事件监听器 // 为已有图片添加拖拽事件监听器
setTimeout(() => { setTimeout(() => {
console.log('Adding drag event listeners to existing images') console.log('Adding drag event listeners to existing images')
const imageElements = editorRef.value.querySelectorAll('img.editor-image') const imageContainers = editorRef.value.querySelectorAll('.image-container')
console.log('Found existing images:', imageElements.length) console.log('Found existing image containers:', imageContainers.length)
imageElements.forEach(img => { imageContainers.forEach(container => {
console.log('Adding drag listeners to image:', img) const img = container.querySelector('img.editor-image')
img.addEventListener('dragstart', handleImageDragStart) if (!img) return
img.addEventListener('dragover', handleImageDragOver)
img.addEventListener('drop', handleImageDrop) console.log('Adding touch listeners to image:', img)
img.addEventListener('dragend', handleImageDragEnd) // 添加触摸事件监听器
container.addEventListener('touchstart', handleTouchStart)
container.addEventListener('touchmove', handleTouchMove)
container.addEventListener('touchend', handleTouchEnd)
container.addEventListener('touchcancel', handleTouchCancel)
// 为删除按钮添加点击事件
const deleteBtn = container.querySelector('.image-delete-btn')
if (deleteBtn) {
deleteBtn.addEventListener('click', function(e) {
e.stopPropagation();
container.remove();
handleInput();
});
}
}) })
}, 0) }, 0)
}) })