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

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需刷新才能执行]

时间: 2024-08-03 16:18:01

光标的一些操作总结_javascript技巧的相关文章

javascript设置文本框光标的方法实例小结_javascript技巧

本文实例总结了javascript设置文本框光标的方法.分享给大家供大家参考,具体如下: 对于text //得到光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange

js实现的光标位置工具函数示例_javascript技巧

本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto

JavaScript框架(iframe)操作总结_javascript技巧

框架编程概述 一个 HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记,用来显示一个独立的HTML页面.这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问,例如从一个框架中引用另一个框架中的JavaScript变量.调用其他框架内的函数.控制另一个框架中表单的行为等. 框架间的互相引用 一个页面中的所有框架以集合的形式作为window对象的属性提供,例如:window.frames就表示该页面内所有框架的集合,这和表单对象.链接对象.图片对象等是类似的,不同的是,这

实用框架(iframe)操作代码_javascript技巧

常用代码: <iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" border="0" scrolling="no" frameborder="0" width="350" height="270"></iframe> <iframe s

javascript中对象的定义、使用以及对象和原型链操作小结_javascript技巧

本文实例总结了javascript中对象的定义.使用以及对象和原型链操作.分享给大家供大家参考,具体如下: 1. 除了5种基本类型外,JS中剩下的就是对象 (1)对象的定义: 直接定义: var test={x:1,y:1} new方式创建: var test=new Object({x:1}) Object.create方式: var test=Object.create({x:1}) (2)对象上的赋值与取值 举例: var test={ x:1, y:2 } 方法一:可以通过test['x

JavaScript iframe的相互操作浅析_javascript技巧

iframe元素也就是文档中的文档,或者好像浮动的框架(frame).关于iframe的操作一直是一个疑难点,网上有很多这方面的文章介绍.下面我结合自己的经验,整理一下笔记记录下来.一.页面三个页面:父页面和两个子页面,两个子页面在父页面的两个iframe里.1.父页面MainForm.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs&quo

js有关元素内容操作小结_javascript技巧

1.innerHTML 这个大家一定都很熟悉,可读可写,修改元素内容相当快捷方便,在兼容问题上可以参考W3Help中一个知识记录. 2.outerHTML 此方法可以用于对元素自身的快速替换,比如: 复制代码 代码如下: <p id="hello">Hello, I am a demo</p> $('hello').outerHTML = '<p>Hello, I am a replacement</p>'; 遗憾的是,firefox目前

JavaScript的String字符串对象常用操作总结_javascript技巧

创建String对象方式声明:String对象的方法也可以在所有基本字符串值中访问到. 调用构造函数String(): var str = new String(); var str = new String('hello world');//初始化str,str.length = 11; String访问及查找的方式 1.访问(通过索引) (1)charAt()或[]1个参数,参数为字符位置,返回字符 var strValue = new String('hello world'); cons

JavaScript中日期函数的相关操作知识_javascript技巧

时间对象是一个我们经常要用到的对象,无论是做时间输出.时间判断等操作时都与这个对象离不开.除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用.下面还是按照我们的流程来进行讲解JavaScript中日期函数. new Date() new Date(milliseconds) new Date(datestring) new Date(year, month) new Date(year, month, day) new Date(year, month,