JavaScript选择/范围框架

Question

我一直在使用选择/范围对象，并且由于浏览器之间对于特定选择/范围内容（甚至超过DOM）的大量不一致，我想知道是否有一个框架可以帮助我完成它们。

Answer 1

I've written a new range/selection library called Rangy that is similar in concept to IERange but goes quite a lot further. The core is pretty much complete and currently available to download . I'm currently bugfixing and documenting it and it should be only be a few weeks before a full release.

UPDATE 31 August 2011

Rangy is now stable and at version 1.2 ( downloads page ).

Answer 2

(Made an answer by request ;)

Take a look at IERange :

IERange is a feature-complete implementation of W3C DOM Ranges for Internet Explorer, allowing users to write one cross-browser version of their range manipulation code.

Supports Range APIs:

• document.createRange()
• startContainer , startOffset , endContainer , endOffset , commonAncestorContainer , collapsed
• setStart() , setEnd() , setStartBefore() , setStartAfter() , setEndBefore() , setEndAfter() , selectNode() , selectNodeContents() , collapse()
• insertNode() , surroundContents()
• extractContents() , cloneContents() , deleteContents()
• compareBoundaryPoints() , cloneRange() , createContextualFragment() , toString()

Supports Selection APIs:

• Range support (Webkit-style)
• window.getSelection()
• addRange() , removeAllRanges() , getRangeAt() , toString()

Answer 3

fieldselection是一个非常实用的jquery插件，用于选择/范围操作。