javascript - 是否有用于鼠标光标选择的文本的 javascript/jquery 选择器？

Question

是否有一个 jquery 选择器用于在被鼠标光标拖过后突出显示的文本？例如，我想选择我在 textarea 中输入的文本字段，单击一个按钮，它会显示 <p>我用鼠标光标突出显示的文本周围的标签。首选非插件解决方案，谢谢。

Answer 1

有一个非常好的直接 javascript 解决方案...只需使用 inputElement.selectionStart和 inputElement.selectionEnd .

注意这只是在 Dom 元素上是有帮助的，因此您必须为文本区域使用 jQuery 选择器并添加 [0] 以获取元素本身，即。 $("#myTextArea")[0].selectionStart .

从那里你可以做一些字符串工作并添加你的 <p>在适当的索引处标记。

我还没有测试过这个，但它应该可以工作......

var selStart = $("#myTextArea")[0].selectionStart;
var selEnd = $("#myTextArea")[0].selectionEnd;

var originalString = $("#myTextArea").val();

var segment_1 = originalString.substr(0,selStart);
var segment_2 = originalString.substr(selStart,selEnd);
var segment_3 = originalString.substr(selEnd,originalString.length);

var finalString = segment_1 + "<p>" + segment_2 + "</p>" + segment_3;

$("#myTextArea").val(finalString);