IE6,7,8中Javascript记录光标选中

时间：2011-08-26 编辑：简简单单来源：一聚教程网

The contents of the source element.

The contents of the source element.

The contents of the source element.

ok，从上面的代码，我们可以知道，在IE6,7,8下，需要关联多个元素的选择时候，我们需要创建两个textRange，一个是开始节点，以及偏移量，还有一个结束节点，以及偏移量，两个textRange用a1.setEndPoint关联

textRange.parentElement返回选中热区的父亲节点，可以帮助我们确定，一个大概的范围

boundingLeft,offsetLeft，可以知道热区的左偏移距离

boundingTop,offsetTop，可以知道热区的上偏移距离

text，选中的文本内容，htmlText选中的html内容

刚才又看了下htmlText方法，有个惊奇的方法，还是上面的例子，如下

he source element.

The contents of the source element

可以看到开始节点的tagName，还有选中的内容，可以通过去掉开头结尾的html tag，然后用正则判断取到这段html代码在之前的parent.innerHTML的位置，这样偏移量也就取到了，ok，不需要通过判断offset的方式，我们就可以取到开始，结束节点，以及偏移量了

这样在IE6,7,8下，可以记录用户任意选中的内容的开始、结束节点，以及偏移量了^_^

=============================================================

只是这样做，还有一个唯一的缺点就是对于单个字符，或者重复出现的单词，还是得通过css教程的offsetLeft 这样的属性，通过判断距离，还确定是否是选中的那个，不知道大家有没好的建议