资讯专栏INFORMATION COLUMN

TextRange对象参考3

huangjinnan / 707人阅读

摘要:注意只有以上的版本中支持对象以及它的方法。对于对象,使用以及属性可以取得边界点以及属性,以检测一个是否是收缩的。返回值这个方法没有返回值。要想得到一个对象的准确外形,可以使用方法。返回值整型数,取得层次结构中,两个点的定位。

方法 collapse方法

把一个range对象的开始点移动到它的结束点,或者相反。

注意:只有Internet Explorer 9.0以上的版本中支持Range对象以及它的collapse方法。

如果一个Range对象的开始点和结束点在是一位置,这个Range对象是空的。

对于Range对象,使用startContainer、startOffset、endContainer以及endOffset属性可以取得边界点以及collapsed属性,以检测一个range是否是收缩的。

对于TextRange对象,使用getClientRects方法可以取得准确的开关,并用text属性返回文本,检测文本的长度,以侦查一个range是否是收缩的。

语法

object.collapse ([toStart]);

你可以在后面的Supported by object章节中找到关联的对象。

参数

toStart:可选参数。布尔值,指明收缩的方向。为下列值之一:

false(默认值)表示把开始点移到结束点。

true表示把结束点移到开始点。

返回值

这个方法没有返回值。

compareEndPoints方法

比较两个textRange对象的开始点和结束点的位置。

如果你只需要检测两个TextRange对象是否完全相同,可以用isEqual方法。要想得到一个TextRange对象的准确外形,可以使用getClientRects方法。

compareBoundaryPoints方法提供的功能类似于别的浏览器中的compareEndPoints方法。

语法

object.compareEndPoints (type,rangeToCompare);

你可以在后面的Supported by object章节中找到关联的对象。

参数

type:必不可少的参数。字符串,指定用于比较的边界点。为下列值之一:

EndToEnd:比较当前TextRange的结束点与rangeToCompare的结束点。

EndToStart:比较当前TextRange的结束点与rangeToCompare的开始点。

startToEnd:比较当前TextRange的开始点与rangeToCompare的结束点。

startToStart:比较当前TextRange的开始点与rangeToCompare的开始点。

返回值

整型数,取得DOM层次结构中,两个点的定位。为下列值之一:

-1:第一个点在第二个点的前面。

0:两个边界点在相同的位置处。

1:第一个点在第二个点的后面。

示例代码1

下面这个示例代码演示了collapse方法的用法:

HTML
    


    
Select some text with your mouse within this field. When the left button is released the wanderer button is placed at the ending of the selection. Left mouse clicks also move the wanderer button in Internet Explorer, Firefox, Google Chrome and Safari.
代码示例2

这示例演示了compareEndPoints方法的用法。在别的浏览器中,要想得到一个近似的示例,请看compareBoundaryPoints方法的页面。

HTML
    


    Select some text on this page and use the following button to get information about 
    the placement of the bold text relative to the selection.
    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85728.html

相关文章

  • TextRange对象参考

    摘要:在以及低于版本的火狐浏览器中,至少有一个对象属于对象,因为文本选区永远是一个层次结构的连续部分。在版以后的火狐浏览器中,鼠标选网页内容时按住键,可以选中多个文本域。方法检测两个对象是否是完全相同的。返回当前对象是否包含了指定的对象。 原文来自TextRange object。 textRange对象代表document中一个连续的部分。 TextRange对象为实现一些实用功能提供了...

    alanoddsoff 评论0 收藏0
  • TextRange对象参考2

    摘要:属性属性返回一个整型数值,指定绑定到当前对象的边界矩形的高度,以像素为单位。和属性能够取得一个对象绑定的矩形的边界。在这种情况下,这个值指定了对象左坐标位置,包括了滚动条以及。可能的值设置或者取得对象的文本内容字符串。 属性 boundingHeight属性 返回一个整型数值,指定绑定到当前TextRange对象的边界矩形的高度,以像素为单位。 boundingLeft、boun...

    jiekechoo 评论0 收藏0
  • BOM Range对象文字内容选中

    摘要:参数被选中的第一个字符的位置。对象什么是对象表示包含节点和部分文本节点的文档片段。一切有关于户文本选择范围的信息都归对象掌管。用对象的方法取得。 最初是因为textarea赋值后,focus光标一直定位到第一个文字的bug,搜之,发现有这样一个API:HTMLInputElement.setSelectionRange,可以设置一个input元素中的文本选中内容的起始位置和结束位置。 ...

    isaced 评论0 收藏0
  • JS实现将图片复制到剪贴板

    摘要:前言最近项目新增需求用户能够拖拽页面上的图片文件到文档。在现有的拖拽事件所提供无法满足需求的情况下,换一个思路走尝试将图片复制到剪贴板。只复制目标节点的子节点,对于标签,如果不额外包裹一层父元素,无法实现图片复制。 前言 最近项目新增需求:用户能够拖拽页面上的图片文件到word文档。当操作浏览器里拖拽图片至别的程序,在word文档中展示出获取到的只是图片的url地址,而非预期的图片文件...

    MageekChiu 评论0 收藏0
  • 【译】ECMAScript文档---序言及1-6章(下)

    摘要:除非在本规范中其它指定的文法产生式可选部分隐式地包含一个叫做的接收一个值为包含相关产生式的文法的终结符或者非终结符的参数静态语义规则的定义。 5.2 算法约定(Algorithm Conventions)   规范常常使用一个带编号的列表来显示算法中的步骤。这个小算法被用作准确地表达ECMAScript语言构造需要的语义。这些算法并不是打算暗示任何具体实现的使用。事实上,这里也许有更高...

    xiaokai 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<