javascriptテキストエリアのカーソル配置方法（IE、FF互換）_javascriptスキル

今日、私はSina Weiboの機能と同じように、他の人のブログに転送ボタンがあるテキストエリアがあります。この転送ボタンをクリックすると、彼の貧弱な機能が表示されます。非常に単純なテキストボックスの割り当てのように見えますが、実際には、このときカーソルが前面に配置されるのが難点です。

そこで、Baidu と Google で検索して、以下の方法を見つけました。
IE

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

var tea=document.getElementById("テキストボックスのID");
var txt=textArea.createTextRange();
txt.moveEnd("character"); ,0- tempText.text.length);
txt.select();

ただし、この方法は IE ブラウザーでのみ使用できるため、インターネット検索でブログを見つけました。長い間グーグルで検索し、さまざまな方法を試しましたが、そのほとんどはIEをサポートしていないか、IEのみをサポートしていました。最終的に、マスターはそのコードを見つけて、IEとIEの両方で機能したと教えてくれました。 FF！
コードを共有します

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

functionlocatePoint (){
var aCtrl = document.getElementById("txtContent");
if (aCtrl.setSelectionRange) {
setTimeout(function() {
aCtrl.setSelectionRange(0, 0); / / カーソルをテキストエリアの先頭に配置します。別の場所に配置する必要がある場合は、自分で変更してください。
aCtrl.focus()
},
}else if (aCtrl) .createTextRange) {
var textArea=document .getElementById("txtContent");
var tempText=textArea.createTextRange();
tempText.moveEnd("character",0-tempText.text.length); ;
tempText.select();
}
}

以下のメソッドが見つかりました

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

var tea=document.getElementById("テキスト ボックスの ID")
tea.setSelectionRange(0, 0); ); // カーソルをテキストエリアの先頭に配置し、それを見つける必要があります。他の位置については自分で変更してください。
tea.focus();

したがって、互換性のあるメソッドについては、 if を使用して判断を追加できます。統合方法は、その投稿と同じように次のとおりです。
HTML 部分

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

進む

JS部分

コードをコピー コードは次のように: