無法聚焦於可編輯的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>