\"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(() => {
console.log('Adding drag event listeners to existing images')
const imageElements = editorRef.value.querySelectorAll('img.editor-image')
console.log('Found existing images:', imageElements.length)
imageElements.forEach(img => {
console.log('Adding drag listeners to image:', img)
img.addEventListener('dragstart', handleImageDragStart)
img.addEventListener('dragover', handleImageDragOver)
img.addEventListener('drop', handleImageDrop)
img.addEventListener('dragend', handleImageDragEnd)
const imageContainers = editorRef.value.querySelectorAll('.image-container')
console.log('Found existing image containers:', imageContainers.length)
imageContainers.forEach(container => {
const img = container.querySelector('img.editor-image')
if (!img) return
console.log('Adding touch listeners to image:', img)
// 添加触摸事件监听器
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)
})