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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 光标的帖子总结（Range的使用）

Javascript: 实现表格中行点击时的渐扩效果！; 多图展示滑动过渡效果; 弹出自适应图片大小的窗口弹出窗口根据图片大小，自动判断高和宽。; 拖动Html元素集合 Drag and Drop any item; 脚本吧 - 幻宇工作室用到js,超强推荐base.js; 使用透明叠加法美化文件上传界面; JavaScript高级程序设计; 对象的类型：本地对象(1); 如何实现表格中行点击时的渐扩效果！; 使用button标签，实现三态图片按钮; 根据分辩率调用不同的CSS.; Web版彷 Visual Studio 2003 颜色选择器; JS中简单的实现像C#中using功能（有源码下载）; js之WEB开发调试利器:Firebug 下载; jQuery中文入门指南，翻译加实例，jQuery的起点教程; jQuery 1.0.4 - New Wave Javascript(js源文件); 强悍无比的WEB开发好助手FireBug(Firefox Plugin); 换肤测试程序js脚本; xWin之JS版(2-26更新); 共享自己写一个框架DreamScript

No. « ‹ 200 201 202 203 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 274 ::

收藏到网摘: n/a

document.all还是document.getElementsByName? 下拉菜单既可以选择,又可以自己填写

先说说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 全选提示:你可先修改部分代码,再按运行]

设置文本选择(qiushuiwuhen)

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

取得当前坐标系列1

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

取得当前坐标系列2

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

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

点击运行可以看到效果:

<textarea rows=20 cols=80 id=show>
Alpha 滤镜 : 线形 <img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=0,finishx=468,finishy=60)'>
Alpha 滤镜 :放射状<img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=2,startx=0,starty=0,finishx=468,finishy=60)'>
Alpha 滤镜 :长方形<img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=3,startx=0,starty=0,finishx=468,finishy=60)'>
<img src=images/ad.gif style='filter:blur(add=ture,direction=135,strength=100)'>
<img src=images/ad.gif style='filter:filph'>
<img src=images/ad.gif style='filter:filpv'>
<img src=images/ad.gif style='filter:chroma(color=white)'>
<p style='filter:Dropshadow(color=#ff0080,offx=5,offy=5.positive=0)'>样式表滤镜实例
<img src=images/ad.gif style='filter:glow(color=blue,strength=10)'>
<img src=images/ad.gif style='filter:gray'>
<img src=images/ad.gif style='filter:invert'>
<img src=images/ad.gif style='filter:xray'>
<img src=images/ad.gif style='filter:light'>
<img src=images/ad.gif style='filter:mask(color=white)'>
<img src=images/ad.gif style='filter:shadow(color=red,direction=225)'>
<img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)'>
<img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)'>
<img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)'>
<img src=images/ad.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 全选提示:你可先修改部分代码,再按运行]

document.all还是document.getElementsByName? 下拉菜单既可以选择,又可以自己填写

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

评论 (0) All

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