可以在 textarea 中識別復制和粘貼文本

Question

當我在下面的文本區域中復制並粘貼一些文本（例如 hello world 並添加項目符號）時，項目符號會添加到句子的末尾，例如 hello world•

那么我怎樣才能確保項目符號出現在句子的開頭，例如 • hello world？ 由於某些原因，textarea 似乎無法識別復制的文本。

 $('.add-bullet').click(function() { $(this).parent().next('textarea').val(function(idx, value){ return value + '\•'; }); return false; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div><a href="#" class="add-bullet">Add bullet</a></div> <textarea type="text" name="tata" placeholder="Write something.." ></textarea>

Answer 1

問題是你有return value + '\•'; 這意味着獲取當前值，並向其添加代表項目符號的 unicode 字符。 它應該是相反的。 可以改進此代碼以僅修改當前文本行，以防 textarea 有多行。

 $('.add-bullet').click(function() { $(this).parent().next('textarea').val(function(idx, value){ return '\• ' + value; }); return false; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div><a href="#" class="add-bullet">Add bullet</a></div> <textarea type="text" name="tata" placeholder="Write something.." ></textarea>