插件来处理选择？

Question

有人可以建议一个可以处理文本区域（跨浏览器）文本选择的插件吗？

我正在寻找一个可以的插件：

• 获取最新选择
• 替换当前选择
• 选择范围

（IE使用createTextRange而其他浏览器使用setSelectionRange。应该存在一个可以执行上述操作的插件，以便我不必重新发明轮子。）

Answer 1

jQuery Fieldselection： https://github.com/localhost/jquery-fieldselection

请参阅： https://github.com/localhost/jquery-fieldselection/blob/master/jquery-fieldselection.js

实现： getSelection，replaceSelection

未实现： currentSelection

<强>瘦长： 实现： getSelection，ReplaceSelection，CurrentSelection

（注意：不是jquery插件，但仍广泛适用）

  

跨浏览器的JavaScript范围和选择库。它提供了一个简单的基于标准的API，用于在所有主流浏览器中执行常见的DOM范围和选择任务，从而在Internet Explorer和符合DOM的浏览器之间抽象出这种功能的完全不同的实现。

似乎要实现你想要的东西，对于demo看到： http://rangy.googlecode.com/svn/trunk/demos/core.html

http://code.google.com/p/rangy/

另请参阅：Jquery: selectionStart for non textarea elements

<强> Rangyinputs 一个jquery插件，提供与Rangy类似的功能，除了输入而不是任意DOM元素。

  

一个小型跨浏览器JavaScript库，用于获取和操作HTML元素中的选择。

演示：http://rangyinputs.googlecode.com/svn/trunk/demos/textinputs_jquery.html

项目：http://code.google.com/p/rangyinputs/

Answer 2

以下插件可以帮助您http://www.examplet.buss.hk/jquery/caret.php

我也很有帮助

Answer 3

我创造了自己的。只有2.6kb未压缩：http://blog.gauffin.org/2012/02/a-javascript-selection-script/

//jQuery is not required but supported.
var selection = new textSelector($('#mytextarea'));
selection.replace('New text');

// you can change selection:
selection.select(1,10); // select char 1 to 10

// get selection
console.log("Start char: " + selection.get().start);

// check if anything is selected
selection.isSelected();

// get the text
var text = selection.text();

可在github上找到：https://raw.github.com/jgauffin/griffin.editor/master/Source/textselector.js

Answer 4

我尝试了很多这里的链接，还有jQuery插件库中的其他链接，但没有一个按照我想要的方式工作。

但有一个，这里没有提到，这真的很有趣：

http://madapaja.github.io/jquery.selection/

希望它会有所帮助！ ：）

Answer 5

http://codepen.io/mattsich/pen/MKvmxQ我建立的iOS样式选择。结束就是这样：

$(document).ready(function(){
  $(".full-text").selectBars('.full-text', 'ipsum', function(){
    $('.selected-text p').text($('.full-text').attr('data-selected'));
  });

});