光标的帖子总结（Range的使用）

2020-05-11 我要评论

先说说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)

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

设置文本选择(qiushuiwuhen)

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

取得当前坐标系列1

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

取得当前坐标系列2

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

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

<textarea rows=20 cols=80 id=show> 
Alpha 滤镜 : 线形 <img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter: Alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=0,finishx=468,finishy=60)'>
 
Alpha 滤镜 :放射状<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter: Alpha(opacity=100,finishopacity=0,style=2,startx=0,starty=0,finishx=468,finishy=60)'>
 
Alpha 滤镜 :长方形<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter: Alpha(opacity=100,finishopacity=0,style=3,startx=0,starty=0,finishx=468,finishy=60)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:blur(add=ture,direction=135,strength=100)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:filph'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:filpv'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:chroma(color=white)'>
 
<p style='filter:Dropshadow(color=#ff0080,offx=5,offy=5.positive=0)'>样式表滤镜实例</p>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:glow(color=blue,strength=10)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:gray'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:invert'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:xray'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:light'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:mask(color=white)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:shadow(color=red,direction=225)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style='filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)'>
 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" src=https://img.qb5200.com/download-x/20200511/26371.gif style=''>
 
</textarea> 
<input type=button value=运行代码 onclick=window.open().document.writeln(show.value)> 
<input type=button value=取得当前坐标 onclick='window.status=GetCursorPos(show)'> 
<script> 
function GetCursorPos(oTextArea)  
{  
s="~!@#$%^"; 
clipboardData.setData('text',s);  
oTextArea.focus();  
document.execCommand('paste');  
var ret=oTextArea.value.indexOf(s);  
document.execCommand('undo');  
return ret;  
} 
</script>

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

下拉菜单既可以选择,又可以自己填写

猜您喜欢

05-11脚本收藏iframe
05-11一个表格收缩展开的函数
05-11document.all还是document.getElementsByName?
05-11关于IFRAME 自适应高度的研究
05-11怎么用javascript进行拖拽2
05-11怎么用javascript进行拖拽
05-11checkbox实现全选的多种方法不断更新原创
05-11奇妙的Javascript图片放大镜
05-11一个非常强大完整的web表单验证程序Validator v1.05
05-11用javascript制作放大镜放大图片
05-11脚本写的IE右键助手
05-11繁简字转换功能
05-11点此处秒后立即下载
05-11生成html静态文件后的分页（客户端版）
05-11下拉菜单
05-11网页与键盘
05-11光标定位等TextRange的操作的范例代码
05-11通过JavaScript脚本复制网页上的一个表格

光标的帖子总结（Range的使用）

相关文章

猜您喜欢

今日热门