javascript - 将选定的单词拆分为字符并添加空格

Question

我正在寻找一种方法来分割输入字段中当前所选文本并将其大写。我只想要选定的文本，而不是该字段的整个值。单击按钮后，我希望将所选文本拆分为单个字符，用空格分隔并大写。

这是一个例子:

之前:单词

之后:W O R D

这是我想要实现的目标的图形说明:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<button onclick="myFunction()">Click me</button><br>

<input type="text" value="Write here">

Answer 1

这是我对您所描述内容的解释:

function myFunction() {
    var input = $("textarea");
    var istart = input[0].selectionStart;
    var iend = input[0].selectionEnd;
    var val = input.val();
    var seltext = val.substr(istart, iend-istart).split("").join(" ");
    var newval = val.substring(0, istart) + seltext.toUpperCase() + val.substring(iend, val.length);
    input.val(newval);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<button onclick="myFunction()">Click me</button><br>

<textarea>Write here</textarea>

我删除了输入上的 select 事件的处理程序，并将按钮上的 click 事件保留为分割选择的发起者。