资讯专栏INFORMATION COLUMN

TextRange对象参考2

jiekechoo / 3439人阅读

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

属性 boundingHeight属性

返回一个整型数值,指定绑定到当前TextRange对象的边界矩形的高度,以像素为单位。

boundingLeft、boundingTop、boundingWidth和boundingHeight属性能够取得一个TextRange对象绑定的矩形的边界。

如果你需要一个TextRange对象的精确形状,请使用getClientRects方法。它能取得一个TextRanges集合,包含了若干TextRectangle对象。每个TextRectangle对象代表了从属于这个TextRange对象的一行文本。上述所有的坐标都是相对于浏览器窗口的左上角。

语法

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

这个属性是只读的。

可能的值

符合绑定矩形的高度的整型数。

默认值:这个属性没有默认值。

boundingTop属性

返回一个整型数值,指定绑定到当前TextRange对象的边界矩形的顶边缘坐标,以像素为单位。

boundingLeft、boundingTop、boundingWidth和boundingHeight属性能够取得一个TextRange对象绑定的矩形的边界。

如果你需要一个TextRange对象的精确形状,请使用getClientRects方法。它能取得一个TextRanges集合,包含了若干TextRectangle对象。每个TextRectangle对象代表了从属于这个TextRange对象的一行文本。上述所有的坐标都是相对于浏览器窗口的左上角。

语法

object.boundingTop;

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

这个属性是只读的。

可能的值

符合绑定矩形的顶坐标的整型数。

默认值:这个属性没有默认值。

boundingLeft属性

返回一个整型数值,指定绑定到当前TextRange对象的边界矩形的左边缘坐标,以像素为单位。

boundingLeft、boundingTop、boundingWidth和boundingHeight属性能够取得一个TextRange对象绑定的矩形的边界。

如果你需要一个TextRange对象的精确形状,请使用getClientRects方法。它能取得一个TextRanges集合,包含了若干TextRectangle对象。每个TextRectangle对象代表了从属于这个TextRange对象的一行文本。上述所有的坐标都是相对于浏览器窗口的左上角。

语法

object.boundingLeft;

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

这个属性是只读的。

可能的值

符合绑定矩形的左坐标的整型数。

默认值:这个属性没有默认值。

boundingWidth属性

返回一个整型数值,指定绑定到当前TextRange对象的边界矩形的宽度,以像素为单位。

boundingLeft、boundingTop、boundingWidth和boundingHeight属性能够取得一个TextRange对象绑定的矩形的边界。

如果你需要一个TextRange对象的精确形状,请使用getClientRects方法。它能取得一个TextRanges集合,包含了若干TextRectangle对象。每个TextRectangle对象代表了从属于这个TextRange对象的一行文本。上述所有的坐标都是相对于浏览器窗口的左上角。

语法

object.bouindingWidth;

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

这个属性是只读的。

可能的值

符合绑定矩形的左坐标的整型数。

默认值:这个属性没有默认值。

htmlText属性

返回属于一个TextRange对象的HTML源码,作为一个字符串。

如果你想用一个HTML格式的字符串修改一个TextRange对象的内容,请使用pasteHTML方法。要想设置或者取得一个TextRange对象内部的文本内容,请使用text属性。

语法

object.htmlText;

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

这个属性是只读的。

可能的值

代表内容的字符串,用HTML的格式。

默认值:这个属性没有默认值。

offsetLeft属性

返回一个对象相对于它的定位父元素[1]的左边缘的左坐标位置,以像素为单位。

这个返回的左坐标值包括了padding、滚动条以及border,但是不包括margin。

如果你需要只包括对象的padding的左坐标位置,请结合使用clientLeft以及offsetLeft属性。

一个可水平滚动的对象,欲设置或者取得它的内容的像素数,请使用scrollLeft属性。

如果你需要这个浏览器窗口的左坐标值,请使用screenX或screenLeft属性。

你可以用left、pixelLeft以及posLeft样式属性设置一个元素的左坐标位置。在这种情况下,这个值指定了对象左坐标位置,包括了padding、滚动条、border以及margin。你可以用不同的单位取得left样式属性的值,而不是渲染元素的左坐标植。

如果你需要一个元素的宽度,请使用clientWidth、offsetWidth以及scrollWidth属性以及getBoundingClientRect方法。

TextRange对象的offsetLeft以及offsetTop属性与其它的offsetLeft属性和offsetTop属性是不同的。这些属性返回TextRange对象的内容的开始位置,以像素为单位。它返回的坐标相对于浏览器窗口的左上角。

语法

object.offsetLeft;

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

这个属性是只读的。

可能的值

整型数,返回左侧位置,以像素为单位。

默认值:这个属性没有默认值。

offsetTop属性

返回一个对象相对于它的定位父元素[1]的顶边缘的顶坐标位置,以像素为单位。

这个返回的左坐标值包括了padding、滚动条以及border,但是不包括margin。

如果你需要只包括对象的padding的顶坐标位置,请结合使用clientTop以及offsetTop属性。

一个可垂直滚动的对象,欲设置或者取得它的内容的像素数,请使用scrollTop属性。

如果你需要这个浏览器窗口的顶坐标值,请使用screenY或screenTop属性。

你可以用top、pixelTop以及posTop样式属性设置一个元素的左坐标位置。在这种情况下,这个值指定了对象左坐标位置,包括了padding、滚动条、border以及margin。你可以用不同的单位取得top样式属性的值,而不是渲染元素的顶坐标植。

如果你需要一个元素的宽度,请使用clientHeight、offsetHeight以及scrollHeight属性以及getBoundingClientRect方法。

要想得到一个对象的左位置,请使用offsetLeft属性。

TextRange对象的offsetLeft以及offsetTop属性与其它的offsetLeft属性和offsetTop属性是不同的。这些属性返回TextRange对象的内容的开始位置,以像素为单位。它返回的坐标相对于浏览器窗口的左上角。

语法

object.offsetTop;

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

这个属性是只读的。

可能的值

整型数,返回顶侧位置,以像素为单位。

默认值:这个属性没有默认值。

示例代码1

这个示例取得了Internet Explorer中选中的内容的定位:

text属性

用一个字符串设置一个TextRange对象内部的文本,或者返回一个TextRange对象内部的文本,作为一个字符串。

如果你想得到一个TextRange对象的HTML格式的内容,请使用htmlText属性。如果想用一个HTML格式的字符串替换其内容,请用pasteHTML方法。

在别的浏览器中,selectionRange对象的toString方法可以起到近似的作用。

语法

object.text;

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

这是一个可读可写属性。

可能的值

设置或者取得TextRange对象的文本内容字符串。

默认值:这个属性没有默认值。

HTML
Select some content within this field. The coordinates of the selected content"s boundary rectangle are visible in the field below


示例代码2

这个示例演示了如何使用htmlText和text属性。

HTML
    


    
Select some content within this field. The selected content is visible in the field below in text and HTML format.


示例代码3

这个示例取得一个元素的位置,相对于浏览器窗口左上角,用offsetLeft、offsetTop、scrollLeft以及scrollTop属性。请看getBoundingClientRect方法的页面以得到类似的功能。

HTML
You can get the top-left corner of this element relative to the top left corner of the client area with the button below.
Use the scrollbars to test it for different positions.

示例代码4

这个示例演示了text属性的用法。

HTML
    


    
Please select all or a part of this text.

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

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

相关文章

  • TextRange对象参考

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

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

    摘要:注意只有以上的版本中支持对象以及它的方法。对于对象,使用以及属性可以取得边界点以及属性,以检测一个是否是收缩的。返回值这个方法没有返回值。要想得到一个对象的准确外形,可以使用方法。返回值整型数,取得层次结构中,两个点的定位。 方法 collapse方法 把一个range对象的开始点移动到它的结束点,或者相反。 注意:只有Internet Explorer 9.0以上的版本中支持R...

    huangjinnan 评论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元查看
<