Range对象介绍
来源:互联网 发布:mysql两表关联update 编辑:程序博客网 时间:2024/05/17 09:07
Range对象
- Selection对象
- 代表用户鼠标在页面中所选取的区域。
- 每一个浏览器窗口中都有一个selection对象。
- 创建:var selection = document.getSelection();
- Range对象
- 代表用户所选取的一段连续区域。
- 一个Selection对象中包含一个或者多个Range对象。Firefox中可包含多个Range对象,其他浏览器只能有一个。
- 创建:var range = document.createRange();
- 可以通过Selection对象的getRangeAt(index)方法获取Selection对象中Range对象。
- 通过Selection对象的rangeCount参数判断 是否选取了内容。
- 鼠标未点击时,该值为0。
- 鼠标按下时,该值为1。在Firefox上同时按下Ctrl选择多个区域时,该值为选取区域的数量。
- 鼠标取消选取是,该值为1,表示页面留存一个空的Range对象。
- Range方法(选取)
- selectNode() 选取指定的节点
- selectNodeContents() 选取指定节点中的内容
- deleteContents() 删除Range对象的内容
- setStart(node,index)
- setStartBefore(node) :指定节点前作为Range对象的开始,Range对象包括的区域包含指定节点。
- setStartAfter(node)
- setEnd(node,index)
- setEndBefore(node)
- setEndAfter(node)
- Tips:所谓“节点”可看作一个区块元素。
- Range方法(获取)
- cloneRange() 克隆一个Range对象。
- cloneContents() 克隆一个Range对象所包含的内容,包括HTML。
- extractContents() 摘取(剪切)一个Range对象。
- insertNode() 在所选取的起始位置插入节点。
- compareBoundaryPoints(how, soureRange) 比较两个区域的边界点,sourceRange为要与当前区域比较的区域。how值如下:
- Range.START_TO_START
- Range.START_TO_END :用sourceRange的起始位置与当前区域的结束位置进行比较
- Range.END_TO_START
- Range.END_TO_END
- sourceRange指定的临界点位于当前区域指定的临界点之前返回1,之后返回-1,相同返回0。
- collapse
- detach() 释放Range对象
- Tips
- document.getElementById()选取的是对象本身。
- jQuery通过Id选取的结果是包含结果的数组。
自己的见闻周更
有兴趣的朋友感谢关注下捧捧场
0 0
- Range对象介绍
- range 对象
- Range对象
- DOM Range 介绍1
- DOM Range 介绍2
- DOM Range 介绍3
- boost::range(区间)介绍
- VBA-Range对象
- Excel VBA - Range对象
- wps的range对象
- DOM range对象
- Range对象详解
- html5 Selection,Range对象
- js range 对象研究
- Selection和Range对象
- HTML5之Range对象
- 【Boost】boost::range(区间)介绍
- range 对象 应用(上)
- Python内置函数(一)
- 再谈如何将android studio项目转换成eclipse
- 2016"百度之星" - 资格赛(Astar Round1)Problem C(字典树)
- Win10应用商店、应用打不开或闪退的解决方法
- C++11尝鲜:右值引用和转发型引用
- Range对象介绍
- android开发笔记之 AlarmManager(闹钟服务)
- Unity 官方案例 打砖块
- 关于python字符串的处理
- 数据结构之魔方程序
- 我在Adapter中使用holder时踩到的坑
- 乱码问题
- 手机服务 取得电池电量信息
- Android-Intent详解