我有一个包含一些文字的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>
答案 0 :(得分:4)
contenteditable
将在IE 5.5 +,Firefox 3.0 +,Safari 1.3 +,Opera 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>
答案 1 :(得分:0)
可能应该使用<textarea>
元素。然后,您可以在任何位置编辑其中的文本。