光标的一些操作总结

 更新时间:2006年10月14日 00:00:00   作者:  
IE下的Range操作比Mozilla下强很多,这里只讨论IE下的操作,这里选介绍几个光标定位的特点

IE下的Range操作比Mozilla下强很多,这里只讨论IE下的操作。
这里选介绍几个光标定位的特点:

1.光标不变

    直接obj.focus(),光标会返回之前的位置,即位置不变

2.光标在最前 

复制代码 代码如下:

var r = obj.createTextRange();
r.collapse();
r.select();

    用这个方法可以使光标在input框最前面

3.光标在最后 

复制代码 代码如下:

var r = obj.createTextRange();
r.collapse(false);
r.select();

    用这个方法可以使光标停在input框的最后

4.选取input框中部分内容需要用到Range的moveStart或moveEnd方法, 其详细的方法使用可以参考MSDN.


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


5.再引申一下光标的移动和位置,这个是有人经常问到的问题 

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • Bootstrap实现input控件失去焦点时验证

    Bootstrap实现input控件失去焦点时验证

    这篇文章主要介绍了Bootstrap实现input控件失去焦点时验证的相关资料,非常不错,需要的朋友可以参考下,需要的朋友可以参考下
    2016-08-08
  • 深入浅析JavaScript系列(13):This? Yes,this!

    深入浅析JavaScript系列(13):This? Yes,this!

    在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节。讨论的主题就是this关键字。实践证明,这个主题很难,在不同执行上下文中this的确定经常会发生问题
    2016-01-01
  • 仿谷歌主页js动画效果实现代码

    仿谷歌主页js动画效果实现代码

    昨天看到谷歌的主页上出现了几个动画,发现不是flash做的,而是用js+图片实现的!今天把拷贝到的图片,用js实现了动画效果!
    2013-07-07
  • uniapp小视频项目开发之滑动播放视频

    uniapp小视频项目开发之滑动播放视频

    最近在工作中遇到了一个视频播放的需求,所以下面这篇文章主要给大家介绍了关于uniapp小视频项目开发之滑动播放视频的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • js判断字符长度及中英文数字等

    js判断字符长度及中英文数字等

    这篇文章主要介绍了js判断字符长度及中英文数字等,需要的朋友可以参考下
    2014-03-03
  • JavaScript获取表单enctype属性的方法

    JavaScript获取表单enctype属性的方法

    这篇文章主要介绍了JavaScript获取表单enctype属性的方法,涉及javascript操作表单属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • js Array操作的最简短最容易理解方法

    js Array操作的最简短最容易理解方法

    这篇文章主要是对js中的Array操作进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 前端实现docx文件预览的3种方式举例及分析

    前端实现docx文件预览的3种方式举例及分析

    这篇文章主要介绍了前端实现docx文件预览的3种方式,三种方式分别是docx-preview、vue-office和mammoth,文中给出了详细的代码示例,需要的朋友可以参考下
    2025-03-03
  • Fullpage.js固定导航栏-实现定位导航栏

    Fullpage.js固定导航栏-实现定位导航栏

    FullPage.js 是一个简单而易于使用的插件,用来创建全屏滚动网站(也被称为单页网站)。接下来通过本文给大家介绍Fullpage.js固定导航栏-实现定位导航栏,对fullpage.js导航栏相关知识感兴趣的朋友一起学习吧
    2016-03-03
  • js判断浏览器是否支持严格模式的方法

    js判断浏览器是否支持严格模式的方法

    除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。这篇文章给大家详细介绍了js判断浏览器是否支持严格模式的方法,有需要的朋友们可以参考借鉴。
    2016-10-10

最新评论