You've already forked SmartisanNote.Remake
\"fix: 修复图片拖拽事件监听器错误,移除未定义的函数引用\"
This commit is contained in:
@@ -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)
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user