range对象同步光标

Range对象理解，浏览器兼容性，获取鼠标光标位置

一.关于浏览器的兼容性目前主要有3种关于range的类似的对象,分别是W3C range 对象,Mozzlia selection ,ie TextRange 关于这三种的区别,请查看文档 http://www.quirksmode.org/dom/w3c_range.html 这里面对这三个是说的很清楚的可以看出 Mozilla 的 range 是一个selection对象 ,而在ie下 range 是一个 text Range 这个和Mozilla是完全不同的,所以需要为这两种类型的ra

XML DOM - Range 对象

Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域. dom标准Range对象在IE中使用TextRange对象 range对象常用的建立方法在开发中除了上述文档中的标准建立方法,大多如下方式建立标准dom: var range=window.getSelection().getRangeAt(0); IE: var range=document.selection.createRange(); 注意:标准dom是从window中获取sel

VB默认属性、动态数组、Range对象的默认属性的一点不成熟的想法

1.默认属性 VB6.0有默认属性的特性.当没有给对象指定具体的属性时,"默认属性"是VB6.0将使用的属性.在某些情形下,省略常用属性名,使代码更为精简. 因为CommandButton的默认属性是Value,所以下面两句代码是等价的: Sub Test() Debug.Print UserForm1.CommandButton1 '输出Falue Dim a a = UserForm1.CommandButton1 Debug.Print a '输出False End Sub 而从

VB类模块中属性的参数——VBA中Range对象的Value属性和Value2属性的一点区别

在VB中,属性是可以有参数的,而VBA中属性使用参数非常常见.比如最常用的:Worksheet.Range("A1:A10") VB的语法,使用参数的不一定是方法,也有可能是属性!(虽然属性的本质是方法) 例一:参数当作"索引"使用定义一个类模块,模块名称Ints.为简化模型,使用了只读属性. ) As Integer Public Property Get ArrValue(Index As Integer) As Integer ArrValue = arr

html5学习笔记5--API Range对象(二)

Range对象之cloneRange和cloneContents 代码效果如下首次点击“选择内容“按钮提示如下接着会显示最后显示以下为整个代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script> fu

html5学习笔记4--API Range对象(一)

Range对象基本用法效果图如下(在谷歌浏览器下的展示)

getSelection、range 对象属性，方法理解，解释

网上转了一圈发现没有selection方面的解释,自己捣鼓下以这段文字为例子.. <p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火车因车体过宽,<strong>无法开进国内许多火车站的站台,从而不得不花大笔资金改造站台.</strong>法国国营铁路公司发言人克里斯托夫·皮耶诺埃尔告诉法国新闻电台:“我们发现问题晚了点.<b>我们承认这一失误并为此承担责任.”</b></p>

HTML5中的Range对象的研究

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection =

HTML5 编辑 API 之 Range 对象（一）

一.Range 对象基本概念通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按钮打印出选中内容,当然注意在不同的浏览器下可选中的内容数量是不同的. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <scr

处理Selection对象和Range对象——Word VBA中重要的两个对象

处理Selection对象和Range对象——Word VBA中重要的两个对象 Word 开发人员参考Selection 对象代表窗口或窗格中的当前所选内容.所选内容代表文档中选定(或突出显示)的区域,如果文档中没有选定任何内容,则代表插入点.每个文档窗格只能有一个 Selection 对象,并且在整个应用程序中只能有一个活动的 Selection 对象.说明可以使用 Selection 属性返回 Selection 对象.如果 Selection 属性未使用对象限定符,则 Microsoft

HTML5中的Range对象的研究（转载）

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection =

[html5] 学习笔记- 编辑API之Range对象（二）

本节继续介绍range对象的方法,包括cloneRange,cloneContents,extraContents,createContextual,createContextual-Fragment,insertNode,compareBoundaryPoints,collapse,detach方法. 1.cloneRange,cloneContents,extraContents方法 cloneRange:对当前的range对象复制,返回复制的对象 <body> <script>

[html5] 学习笔记-编辑 API 之 Range 对象（一）

1.Range对象的基本概念一个Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改网页上的任何区域. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function rangeTest(){ var html; sh

[H5]range对象的createRange方法

range对象的extractContents()方法: extractContents() 方法删除文档内容,并以 DocumentFragment 对象的形式返回它; DocumentFragment配合range对象:相当于剪切.复制.粘贴其子孙节点 <body> <div id="div1" style="background: greenyellow;width: 200px; height:100px;">这里有一段文字</

[H5]range对象的clone方法

clone:range对象的克隆; <body> <p id="p">这是一段文字</p> <button onclick="btn()">克隆</button> <script> function btn() { var p=document.getElementById("p"); var rangeObj=document.createRange(); rangeObj

[H5]range对象的setStart/setEnd方法

1.setStart:表示某个节点的range对象的起点位置;2.setEnd:表示某个节点的range对象的结束位置; 示例如下:<body> <div id="div"> 这里是第一段文字 </div> <input type="butt on" onclick="dele()" value="删除"> <script> function dele() { var

[H5]range对象之selectNode等方法

关于range对象的selectNodeContents.selectNode.deleteContents方法示例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div&qu

[H5]API之range对象

range对象:是一种fragment(HTML片断),它包含了节点或文本节点的一部分.一般情况下,同一时刻页面中只可能有一个range,也有可能是多个range(使用Ctrl健进行多选,不过有的浏览器不允许,例如Chrome). 可以从selection中获得range对象,也可以使用document.createRange()方法获得1.getSelection():获取页面选中的信息;2.rangeCount:区间数,选中几个内容;3.selection.rangeCount;4.sel

HTML5 页面编辑API之Range对象

在 HTML5 中,一个 Range 对象代表页面上的一段连续区域.通过 Range 对象,可以获取或修改页面上的任何区域.包含获取,修改,删除和替换等操作. 一:获取range对象的值 Range对象提供鼠标选取功能,通过Range对象可以获得选取的内容,以及选取的内容的个数. var s = document.getSelection();//此方法获得选中内容,获取range对象 s.rangeCount;//获得选中个数 function rangeText(){ var e_show

将 Range 对象赋给变量

有多种方法将现有的 Range 对象赋给变量.本主题对两种不同的方法进行了阐述.在下列示例中,将 Range 对象赋给变量 Range1 和 Range2.例如,下列指令将活动文档中的第一个和第二个单词赋给变量 Range1 和 Range2. Set Range1 = ActiveDocument.Words(1)Set Range2 = ActiveDocument.Words(2)将一个 Range 对象变量设置为等于另一个 Range 对象变量下列指令将名为 Range2 的区域变量设为

range对象同步光标

热门专题