无法聚焦于可编辑的div元素

Question

我想将焦点设置为我的contentEditable div元素之一。 但不起作用。

这是我的代码：

 $(document).click(function () { $('div').focus(); }); 

 div{ border:1px solid red; } 

 <div contentEditable >&nbsp;</div> 

Answer 1

这是一个不使用jQuery的有效代码段（您未在代码段中加载该代码段）。 我还添加了一个ID以获取正确的div 。

 document.getElementById('edit-me').focus(); 

 div { border:1px solid red; } 

 <div id="edit-me" contentEditable>&nbsp;</div> 

Answer 2

您应该等到整个文档加载完毕后再执行jQuery。

 $(document).ready(function () { $('div').click(function () { $('div').focus(); }) }); 

 div{ border:1px solid red; } 

 <div contentEditable >&nbsp;</div> 

Answer 3

导入jQuery！ 好极了！

 $(document).ready(function () { //I replaced "click" with "ready" because think that you want to focus once loaded, not once you click somewhere in the document. //"click" can still be used if you want to focus once you clicked somewhere in your window $('div').focus(); }); 

 div{ border:1px solid red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div contentEditable >&nbsp;</div>