我怎樣才能專注於textarea價值的終結？

Question

這是我的代碼：

 $('input').on('click', function(){ $('textarea').focus(); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea>this is a test</textarea> <br /> <input type="button" value="focus" /> 

我怎樣才能專注於textarea價值的終結？

---

正如您所看到的，當前單擊按鈕時，您將專注於textarea，但在其值的開頭。 我所要做的就是專注於textarea值的結尾。

Answer 1

您可以使用setSelectionRange（start，end） ，參數是它所設置的選擇的起點和終點。 如果將兩者都設置為值字符串的最后一個索引，則光標將位於結尾。

 $('input').on('click', function(){ let l=$("textarea").val().length $('textarea').focus() $('textarea')[0].setSelectionRange(l,l); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea>this is a test</textarea> <br /> <input type="button" value="focus" /> 

Answer 2

您可以嘗試以下方式：

 $('input').on('click', function(){ var preVal = $('#txtArea').val(); $('#txtArea').val(''); $('#txtArea').focus().val(preVal); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea id="txtArea">this is a test</textarea> <br /> <input type="button" value="focus" /> 

Answer 3

其中一種方法如下：

1. 捕獲以前的文本。
2. 焦點。
3. 將' '附加到前一個值。

 $('input').on('click', function(){ var text = $('textarea').val(); $('textarea').focus(); $('textarea').val(text + ' '); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea>this is a test</textarea> <br /> <input type="button" value="focus" />