可以在文本区域识别复制和粘贴文本

Question

[当我在下面的文本区域中复制和粘贴一些文本时，向世界问好，并添加一个项目符号，该项目符号会在句子结尾处添加，例如你好，世界•

所以我如何确保项目符号出现在句子的开头，例如• 你好，世界？似乎由于某些原因，textarea无法识别复制的文本。

$('.add-bullet').click(function() {
    $(this).parent().next('textarea').val(function(idx, value){
        return value + '\u2022';
    });
    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 + '\u2022';，这意味着要获取当前值，并在其中添加代表子弹的Unicode字符。情况应该相反。如果textarea有多行，可以改进此代码以仅修改当前文本行。

$('.add-bullet').click(function() {
    $(this).parent().next('textarea').val(function(idx, value){
        return '\u2022 ' + 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>