javascript EditorJS单击时自动聚焦

balp4ylt  于 2023-01-19  发布在  Java
关注(0)|答案(2)|浏览(117)

我正在使用编辑器JS(https://editorjs.io/
我有一个隐藏的div与编辑器保持器在它和一个单独的按钮(添加新的前)我需要这个div出现时,用户点击按钮
一切正常
但是我不能设置自动对焦,这样用户就不会点击保持器开始使用编辑器
我试过

setTimeout(function(){ $('#editor').click()}, 100);

但它不起作用

qlvxas9a

qlvxas9a1#

如果我理解正确的话https://editorjs.io/configuration#autofocus
有一个配置键:

const editor = new EditorJS(
  autofocus: true
})
fdbelqdn

fdbelqdn2#

好吧,解决办法是这样的:

<div id="editorjs"></div>
<button id="focus">focus</button>

和初始化:

const editor = new EditorJS({ 
  
  
  holder: 'editorjs', 
  
  onReady: function () {
    const btn = document.querySelector("#focus");
    btn.addEventListener("click", () => editor.focus())
  }

})

并链接例如:https://codepen.io/Ashley100/pen/mdEqoRY?editors=1010

相关问题