源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript Range对象跨浏览器常用操作第1/2页

  • 时间:2021-01-10 23:38 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript Range对象跨浏览器常用操作第1/2页
开发的功能主要涉及即时代码着色(CodeColoring)和语法提示(CodeHints)功能,稍后会总结功能开发中问题或提供源码。 以下是个人对Range对象的了解和常用操作的实例和总结: Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域。 dom标准Range对象 http://www.w3school.com.cn/xmldom/dom_range.asp 在ie中使用TextRange对象 http://www.hbcms.com/main/dhtml/objects/obj_textrange.html range对象常用的建立方法 在开发中除了上述文档中的标准建立方法,大多如下方式建立 标准dom: var range=window.getSelection().getRangeAt(0); ie: var range=document.selection.createRange(); 注意:标准dom是从window中获取selection对象,而ie是从document对象中获取。 标准dom range对象(以下称dom rang)和ie的TextRange对象(以下称TextRange),在操作模式上有很大区别,可以说dom range是基于dom结构控制的,TextRange是基于文本节点字节控制的,阅读下面示例会更好理解这二者的操作模式。以下所说的range对象是指在html结构中进行选择和更改(designMode=on contentEditable=true状态下)操作,在textarea中的操作比这简单,不是当前的研究环境。 range对象的具体方法和属性请查看上边列出的相关api文档,下面对实际开发过程中常用功能讲解 1.区域选择 获取区域中文本 TextRange的区域选择 TextRange对象主要使用以下方法控制区域的选择:moveStart moveEnd move 这三个函数使用相同的参数语法:fn(sUnit [, iCount]) 第一个参数是指移动的单位,可以使用的参数:character(字符)、word(词)、sentence(段落)、textedit(整个编辑区) 第二个参数指移动的数量单位,负数向所在位置之前移动,正数向所在位置之后移动。 在实际开发中一般使用character,其他几个参数在中文环境和html编辑时,和预想位置有偏差。 例1:TextRange选择光标前4个字符
[url=http://www.1sucai.cn/article/20307_2.htm]2[/url][url=http://www.1sucai.cn/article/20307_2.htm]下一页[/url][url=http://www.1sucai.cn/article/20307_all.htm]阅读全文[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部