在Chrome中输出:
<div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;">
hey
<div>what's up?</div>
<div>
<button id="insert_caret"></button>
我相信FF它看起来像这样:
hey
<br />
what's up?
在IE中:
hey
<p>what's up?</p>
不幸的是,没有很好的方法可以让每个浏览器都插入 a<br />
而不是 div 或 p-tag,或者至少我在网上找不到任何东西。
无论如何,我现在要做的是,当我点击按钮时,我希望将插入符号设置在文本的末尾,所以它应该看起来像这样:
hey
what's up?|
有什么办法可以让它在所有浏览器中工作?
例子:
$(document).ready(function()
{
$('#insert_caret').click(function()
{
var ele = $('#content');
var length = ele.html().length;
ele.focus();
//set caret -> end pos
}
}