jsはテキストボックスの最後の位置にフォーカスを実装します_javascriptスキル

一般的なプログラムでは、プログラマは入力ボックスの内容の正当性をチェックする際に、内容の正当性を判断してフォーカス ボックスを決定することを好みます。

例:

コードをコピー コードは次のとおりです。

if(obj .value== ""){
obj.focus();
return false;
}

このように、入力ボックスが空の場合、フォーカスはこの機能はとても便利に使えますが、小さな問題があります...

つまり、obj.focus() が入力ボックスにフォーカスを移動した後、テキスト カーソル (つまり、点滅する縦線) を入力ボックスの最初の文字の位置に移動します。上記 判断の観点からは...テキスト ボックスにコンテンツがない場合...obj.focus を使用すると、テキスト ボックスをクリックしてテキスト フォーカスを作成せずに、テキスト ボックスにコンテンツを直接入力できます...

ただし、テキストボックスに既にコンテンツがある場合...ただし、このコンテンツもobj.focus()によってテキストボックスの先頭文字の位置に移動されます...このとき、ユーザー エクスペリエンス デザイナーはイライラしています...必要なのは、テキスト ボックスにフォーカスがあり、テキスト カーソルがテキスト ボックスの末尾に移動し、ユーザーがテキストをクリックせずにコンテンツを直接入力できるようにすることです。入力内容は後で追加します...

次のコードでこの詳細を完了できます:

コードをコピーします コードは次のとおりです:

このコードは、ユーザー エクスペリエンスの詳細に関してデザイナーにとって非常に役立ちます...