随笔分类 - javascript
摘要:TextRange对象是动态HTML(DHTML)的高级特性,使用它可以实现很多和文本有关的任务,例如搜索和选择文本。文本范围让您可以选择性的将字符、单词和句子从文档中挑选出来。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象。下面是TextRange的常用属性与方法:属性boundingHeight 获取绑定TextRange对象的矩形的高度boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的距离offsetLeft 获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置off
阅读全文
摘要:IE提供了Selection对象和TextRange对象用于实现对被选择内容进行修改以及在指定区域中进行查找.selection对象是document对象的一个子对象,改对象对应于用户在页面中所选择的区域.selection对象的属性和方法定义如下: type属性:该属性为只读属性.当被选择区域包含文本或其他内容时,type属性返回值为"Text";当被选择区域为空时,type属性返回值为"None". clear()方法:该方法清除所选择区域的内容. empty()方法:该方法使selection对象为空,即取消选择,并将页面滚动到最顶部. creat
阅读全文
摘要:function useRanges() {var oRange1 = document.createRange();var oRange2 = document.createRange();var oP1 = document.getElementById("p1");var iP1Index = -1;for (var i=0; i < oP1.parentNode.childNodes.length; i++) {if (oP1.parentNode.childNodes[i] == oP1) {iP1Index = i;break;}}oRange1.setS
阅读全文
摘要:简介selection是对当前激活选中区(即高亮文本)进行操作。在非IE浏览器(Firefox、Safari、Chrome、Opera)下可以使用window.getSelection()获得selection对象,本文讲述的是标准的selection操作方法。文中绝大部分内容来自https://developer.mozilla.org/en/DOM/Selection术语以下几个名词是英文文档中的几个名词。anchor选中区域的“起点”。focus选中区域的“结束点”。range是一种fragment(HTML片断),它包含了节点或文本节点的一部分。一般情况下,同一时刻页面中只可能有一个r
阅读全文
摘要:ahjesus 返回光标位置兼容IE,FF和Chrome,说明更新(2013-04-24){今天收到反馈说这个例子没作用了,经过查证测试发现是因为使用的jquery的版本过高引起的$(element).attr("tagName")这个是非官方的用法 所以版本变化会有影响 如果要使用更高版本jquery,获取tagName改成原生就可以了或者调整其他获取tagName的方式}网上苦找2小时,全是不能兼容FF的,看来这种东西网上是搞不到现成的了,只能自己动手丰衣足食现在发布出来,今后网上就有现成的供人使用了。为了省事,少量位置用了jquery 改原生JS也很方便,谁需要就请自
阅读全文

浙公网安备 33010602011771号