光标的帖子总结(Range的使用)_javascript技巧

先说说TextRange 的常用方法

collapse([bStart])
移动Range的插入点
bStart true(移到开头) false(移到末尾)

findText(sText [, iSearchScope]  [, iFlags])
在Range中查找sText
iSearchScope 开始位置,负数方向搜索
iFlags 2(整词匹配)    4(区别大小写)

moveStart(sUnit [, iCount])
moveEnd(sUnit [, iCount])
移动Range的开头或结尾
sUnit character(字) word(词) sentence(句) textedit(Range)
iCount 移动数量,默认为1

moveToPoint(iX, iY)
移动光标到坐标(iX,iY)

pasteHTML(sHTMLText)
替换Range中的html

scrollIntoView([bAlignToTop])
滚动使之在当前窗口显示
bAlignToTop true(Range在窗口开头) false(Range在窗口底部)

select()
选中Range

然后讲一些例子,大家也可以帮忙汇总一下,找帖子不好找,呵呵 
设置光标(qiushuiwuhen)

关于光标定位的补充.abcdefghijklmnopqrstuvwxyz倒数 第位
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

设置文本选择(qiushuiwuhen)

关于光标定位的补充.abcdefghijklmnopqrstuvwxyz

从正数 到 倒数第位
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

取得当前坐标系列1

先将光标置在这里任意处,然后点击按钮,看光标变化

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

取得当前坐标系列2


北京时间10月6日,世界三大通讯社之一的法新社刊发图文报道,中国国脚孙继海因为在最近的世界杯预选赛中的表现,已经吸引了意大利俱乐部AC米兰和都灵队的争购。中国队只需在10月7日同阿曼队的比赛中战平就将首次进入世界杯决赛圈。图为孙继海(右)1998年12月19日在亚洲杯上的资料图片。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

取得当前坐标系列3(Yang)

Alpha 滤镜 : 线形

Alpha 滤镜 :放射状

Alpha 滤镜 :长方形
样式表滤镜实例


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间: 2024-09-20 08:06:55

光标的帖子总结(Range的使用)_javascript技巧的相关文章

EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码_javascript技巧

先给大家说下什么是ext ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了.   主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官

javascript实现的使用方向键控制光标在table单元格中切换_javascript技巧

效果截图: html 代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <titl

Javascript 数组添加一个 indexOf 方法的实现代码_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 运行以上代码,即可.如果大家想看的是 javascript indexOf的使用方法,请看下面的文章javascript indexOf函数使用说明JavaScript indexOf忽略大小写_javascript技巧

自动生成文章摘要[JavaScript 版本]_javascript技巧

[input] truncate as charactors ; 这位是娃娃,他是我弟弟.是一只很酷又非常可爱的小狗. 他今年已经两岁了,虽然个头很小,但是气势一点也不逊色大狗.非常敢于同恶势力作斗争 娃娃的显著特点就是可爱,尤其是把耳朵背在后面的时候显得特别可爱,仿佛一只乖巧的小猫咪.他还会站起来跳舞,比如你要给他什么好吃的时候他就会这样做.毕竟这是他的一种赖以谋生的工作方式,这年头,不会点技术能有饭吃吗. 他还有一个特点就是很酷,尽管我们是兄弟,但是他从来没有巴结我们人类的臭毛病.午后,当灿

用javascript获取textarea中的光标位置_javascript技巧

对于写javascript写网页编辑器的人来说,获取textarea中的光标位置是一个非常重要的问题,而往往很多人在这个地方不知所措,找不到好的办法.昨天我在网上找到了一段javascript代码,本来不想把原版放在这里的,就是因为太精彩了,怕我给改坏了,所以还是原版放在这里吧. var start=0;     var end=0;     function add(){                var textBox = document.getElementById("ta"

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

开发的功能主要涉及即时代码着色(CodeColoring)和语法提示(CodeHints)功能,稍后会总结功能开发中问题或提供源码. 以下是个人对Range对象的了解和常用操作的实例和总结: Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域. dom标准Range对象 http://www.w3school.com.cn/xmldom/dom_range.asp 在ie中使用TextRange对象 http://www.hbcms.com/main/

光标的一些操作总结_javascript技巧

IE下的Range操作比Mozilla下强很多,这里只讨论IE下的操作. 这里选介绍几个光标定位的特点: 1.光标不变     直接obj.focus(),光标会返回之前的位置,即位置不变 2.光标在最前  复制代码 代码如下: var r = obj.createTextRange(); r.collapse(); r.select();     用这个方法可以使光标在input框最前面 3.光标在最后  复制代码 代码如下: var r = obj.createTextRange(); r.

JavaScript记录光标在编辑器中位置的实现方法_javascript技巧

本文实例讲述了JavaScript记录光标在编辑器中位置的实现方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

JS在可编辑的div中的光标位置插入内容的方法_javascript技巧

本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 复制代码 代码如下: <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了. 不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置