hey
<br />
what's up?
:
<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で、それは次のようになりますと信じて
およびIE:
hey
<p>what's up?</p>
残念ながら、すべてのブラウザでdivタグまたはpタグの代わりに<br />
が挿入されるようにしたり、少なくともオンラインで何かを見つけることはできません。
とにかく、私は私がボタンを打ったときが、私は、キャレットがテキストの最後に設定したい今やろうとしてそうしています何それは次のようになります。
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
}
}
createTextRangeは標準機能ではないため、Chromeでは動作しません。 https://stackoverflow.com/a/41743191/700206を参照してください。 – Lee
@Lee:Chromeでは 'window.getSelection'と' document.createRange'をサポートしています。 'createTextRange'ブランチはInternet Explorerの古いバージョン用です。 'window.getSelection'の書き込み時の –
は、すべてのブラウザ(IE> 8)の0.29%でサポートされていません。 http://caniuse.com/#search=window.getSelection – Silentdrummer