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>
残念ながら、すべてのブラウザが<br />
divタグまたはpタグの代わりにを挿入するように作成する良い方法はありません。または、少なくともオンラインで何も見つけることができませんでした。
とにかく、私が今やろうとしているのは、ボタンを押したときに、キャレットをテキストの最後に設定したいので、次のようになります。
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
}
}
1
これは私にとって最高の働いていた
—
ИльяЗеленько