inputラベル点滅カーソルの原理

最近、inputラベルの点滅カーソルの移動に関する新しいニーズが行われています.
実は点滅カーソルは矩形の枠で、矩形の枠の幅が0のときに点滅するカーソルになります.
 

inputBox.focus();

 
文字aの前に点滅するカーソルが見えます.これは、inputラベルにselectStartプロパティというプロパティのデフォルト値が0であるため、このプロパティを変更することでカーソルの位置付けが可能になります. 
 

var inputBox = document.getElementById("inputBox");
inputBox.selectionStart = inputBox.value.length - 2;
inputBox.focus();

 
文字gの前にカーソルが点滅しているのが見えます. 
inputラベルにはselectEndプロパティがあります.このプロパティはselectStartと組み合わせて、テキストを選択できます.

var inputBox = document.getElementById("inputBox");
inputBox.selectionStart = inputBox.value.length - 2;
inputBox.selectionEnd = inputBox.value.length;
inputBox.focus();

 
上のコードはテキストghを選択しました.