diff --git a/packages/frontend/src/components/MonacoEditor.vue b/packages/frontend/src/components/MonacoEditor.vue index bf63aee..1a4d6de 100644 --- a/packages/frontend/src/components/MonacoEditor.vue +++ b/packages/frontend/src/components/MonacoEditor.vue @@ -104,10 +104,11 @@ onMounted(() => { }); // 添加鼠标滚轮缩放功能 - if (editorContainer.value) { // 确认容器存在 - console.log('[MonacoEditor] Adding wheel event listener to container.'); // 调试日志 - editorContainer.value.addEventListener('wheel', (event: WheelEvent) => { - console.log('[MonacoEditor] Wheel event detected.'); // 调试日志 + const editorDomNode = editorInstance?.getDomNode(); // 获取编辑器 DOM 节点 + if (editorDomNode) { // 确认编辑器 DOM 节点存在 + console.log('[MonacoEditor] Adding wheel event listener to editor DOM node.'); // 调试日志 + editorDomNode.addEventListener('wheel', (event: WheelEvent) => { + console.log('[MonacoEditor] Wheel event detected on editor DOM node.'); // 调试日志 // 只在按下Ctrl键时才触发缩放 if (event.ctrlKey) { console.log('[MonacoEditor] Ctrl key pressed during wheel event.'); // 调试日志 @@ -135,7 +136,7 @@ onMounted(() => { } }, { passive: false }); // 设置 passive: false 允许 preventDefault } else { - console.error('[MonacoEditor] editorContainer.value is null, cannot add wheel listener.'); // 调试日志 + console.error('[MonacoEditor] editorDomNode is null, cannot add wheel listener.'); // 调试日志 } }