在點擊位置編輯div文本

Question

我有一個包含一些文本的DIV。當用戶點擊DIV中的某些內容時，我想讓他編輯該位置的內容。

<div id='Note'> 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br /> 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip <br /> 
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <br /> 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, <br /> 
sunt in culpa qui officia deserunt mollit anim id est laborum.<br /> 
</div> 

Answer 1

contenteditable會做它在IE 5.5 +，Firefox 3.0以上版本，Safari瀏覽器1.3+，歌劇9 +，Chrome瀏覽器：

<div id="Note" contenteditable="true"> 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br /> 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip <br /> 
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <br /> 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, <br /> 
sunt in culpa qui officia deserunt mollit anim id est laborum.<br /> 
</div> 

Answer 2

可能是您應該使用<textarea>元素。然後你可以在任何位置編輯裏面的文字。