尝试向摩纳哥编辑器添加标准 DOM 事件侦听器

Question

我正在尝试向 monaco-editor 添加焦点/模糊标准 DOM 事件。

editor.addEventListener("blur", function(){
    <do something>
});

我收到了以下回复：

未捕获类型错误：editor.addEventListener 不是函数

也尝试过jquery

$(editor).on("blur", function(){
    <do something>
});

这次没有错误，但是没有任何反应。我的意思是，事件没有触发。

我也尝试将监听器附加到编辑器容器 div，但结果相同。

有什么想法吗？

Answer 1

终于找到了。摩纳哥编辑器提供了两个事件：

editor.onDidBlurEditor(()=>{
   <do something>
});

editor.onDidFocusEditor(()=>{
   <do something>
});

我终于通过 Chrome DevTools 检查对象属性发现了它们。项目 git 页面上的 api 文档对我来说是中文的。

Answer 2

在摩纳哥编辑器

要监听焦点事件，您可以使用

editor.onDidFocusEditorWidget(()=>{
     console.log("Focus event triggerd !")
})

对于模糊事件，您可以使用

editor.onDidBlurEditorWidget(()=>{
     console.log("Blur event triggerd !")
})

Trying to add standard DOM event listener to monaco editor