| ポイント |
<![CDATA[
tRNG = document.myFORM.myTEXT.createTextRange();
tRNG.move("character",document.myFORM.myTEXT.value.length);
tRNG.select();
]]>
|
| 説 明 |
挿入ポイントを指定するにはTextRangeオブジェクト（テキストエリアのオブジェクト）を作成し、move()によって位置を指定します。文字位置はmove("character",位置)で指定します。指定後はselect()でTextRangeオブジェクトを選択することで挿入ポイント（キャレット）が移動します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストエリアの末尾に挿入ポイント（キャレット）を移動させる</title>
<script language="JavaScript"><!--
function sel()
{
tRNG = document.myFORM.myTEXT.createTextRange();
tRNG.move("character",document.myFORM.myTEXT.value.length);
tRNG.select();
}
// --></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT">Sample Text</textarea><br>
<input type="button" value="末尾へ" onClick="sel()">
</form>
</body>
</html>
]]>
|
| 補足説明 |
「document.myFORM.myTEXT.value.length」の部分を2などにすると挿入ポイント（キャレット）は2番目の文字の後ろに移動します。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストエリアの末尾に挿入ポイント（キャレット）を移動させる