在单击位置编辑Div文本

时间:2010-06-10 07:31:23

标签: javascript html dom

我有一个包含一些文字的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>

2 个答案:

答案 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>元素。然后,您可以在任何位置编辑其中的文本。