javascript - 使用 JavaScript 在 <textarea> 上随机播放选定的文本

Question

当我在 <textarea> 上选择一些文本时使用我的鼠标，如何通过单击按钮来随机播放/打乱它？

我在 SO 上搜索了与我想要的类似的东西，我看到一些人使用 substring , selectionStart , 和 selectionEnd .

我想要的是:当我用鼠标选择一些文本时，当我点击一个按钮时它会被打乱/打乱，而其余的文本在<textarea>上。未被选中的应保持不变/完整。

我只想对选定的文本执行操作。

它更类似于一个富文本编辑器，当你选中一些文本，然后点击粗体按钮，选中的文本就会变成粗体。

附言它应该由单个字符打乱。

编辑:知道了!我只需要分开选择字符串。我的代码现在可以工作了。这非常有帮助 - https://stackoverflow.com/a/9605191/1101391

很遗憾，IE 9 及以下版本不支持 selectionStart和 selectionEnd <input> 上的属性和 <textarea> .这是对我有用的解决方案 - https://stackoverflow.com/a/9276457/1101391

Answer 1

您可以访问全文并知道所选内容开始和结束的子字符串。尝试这样的事情:

var txtArea = document.getElementById("foo");
var before = txtArea.value.substr(0, txtArea.selectionStart);
var selection = txtArea.value.substr(txtArea.selectionStart, txtArea.selectionEnd + 1);
var after = txtArea.value.substr(txtArea.selectionEnd, txtArea.value.length);
txtArea.value = before + scrambleThisString(selection) + after;