javascript - 文本区域可以识别复制粘贴文本吗

Question

当我在下面的文本区域中复制并粘贴一些文本时，例如 Hello World 并添加一个项目符号，该项目符号会添加在句子的末尾，例如 Hello World •

那么我如何确保项目符号出现在句子的开头，例如• Hello World ？由于某些原因，文本区域似乎无法识别复制的文本。

$('.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字符。应该是相反的。可以改进此代码以仅修改当前文本行，以防文本区域有多行。

$('.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>