<html>

<head>

<script language="javascript">

function getCursortPosition (ctrl) {//获取光标位置函数

	var CaretPos = 0;	// IE Support

	if (document.selection) {

	ctrl.focus ();

		var Sel = document.selection.createRange ();

		Sel.moveStart ('character', -ctrl.value.length);

		CaretPos = Sel.text.length;

	}

	// Firefox support

	else if (ctrl.selectionStart || ctrl.selectionStart == '0')

		CaretPos = ctrl.selectionStart;

	return (CaretPos);

}

function setCaretPosition(ctrl, pos){//设置光标位置函数

	if(ctrl.setSelectionRange)

	{

		ctrl.focus();

		ctrl.setSelectionRange(pos,pos);

	}

	else if (ctrl.createTextRange) {

		var range = ctrl.createTextRange();

		range.collapse(true);

		range.moveEnd('character', pos);

		range.moveStart('character', pos);

		range.select();

	}

}

function A(){

alert(getCursortPosition(document.getElementById("a")));

}

function B()

{

    setCaretPosition(document.getElementById("a"),5);

}

</script>

</head>

<body>

<input id="a" type=text name=text1 value="" >

<button onclick="A();">获取</bottun>

    <button onclick="B();">设置</bottun>

</body>

</html>
 
 
onkeyup ="LowerToUpper(this,event.keyCode);"
 
//小写转大写

function LowerToUpper(element,keyCode)

{

    if ((keyCode > 40 || keyCode < 35) && keyCode != 8) {

        var pos = getCursortPosition(element);

        element.value = element.value.toUpperCase();

        setCaretPosition(element, pos);

    }

}

JS获取和设置光标的位置的更多相关文章

  1. js获取编辑框游标的位置

    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  2. js点击获取—通过JS获取图片的相对坐标位置

    一.通过JS获取鼠标点击时图片的相对坐标位置 源代码如下所示: <!DOCTYPE html> <html lang="en"> <head> ...

  3. js 获取和设置css3 属性值的实现方法

    众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了. 如:<div style="left:100px"></div> 只考虑行间样式的话 ...

  4. javascript获取以及设置光标位置

    一. 获取光标位置: // 获取光标位置 function getCursortPosition (textDom) { var cursorPos = 0; if (document.selecti ...

  5. js获取和设置属性的方法

    function square(num){    var total = num*num;//局部变量    return total;}var total = 50;//全局变量var number ...

  6. js获取宽度设置thickbox百分比

    thickbox的宽高不好设为百分比,这样遇到不同的尺寸的电脑就会出现问题. 怎么做呢? 通过js来处理. <script type="text/javascript"> ...

  7. js获取并设置&lt;p&gt;&lt;/p&gt;的显示的值。

    原文链接:http://www.nowamagic.net/librarys/posts/jquery/23 html()方法 此方法类似于JavaScript中的innerHTML属性,能够用来读取 ...

  8. 获取contenteditable区域光标所在位置信息

    在我们使用contenteditable编辑时,有时需要光标位置的信息. <div contenteditable="true" style="min-height ...

  9. js,获取和设置cookie、 localStorage

    cookie 跟域名有关系的浏览器缓存 获取cookie document.cookie; 获取到的如果是多条cookie信息,是以分号和一个空格("; ")隔开:a=1; b=2 ...

随机推荐

  1. linux下的ImageMagick安装方法

     linux下的ImageMagick安装方法  由于没有图形化界面的支持,在Linux(CentOS 6.4 x64)上的配置相对Windows XP还是麻烦了一点.   1.下载ImageMagi ...

  2. JavaScript自学代码--（四）

    //JavaScript Window - 浏览器对象模型 window.document.getElementById("header"); //等价于 document.get ...

  3. bzoj 1195: [HNOI2006]最短母串 爆搜

    1195: [HNOI2006]最短母串 Time Limit: 10 Sec  Memory Limit: 32 MBSubmit: 894  Solved: 288[Submit][Status] ...

  4. Freemarker 对null值报错的处理

    忽略null值 假设前提:user.name为null ${user.name},异常 ${user.name!},显示空白 ${user.name!'vakin'},若user.name不为空则显示 ...

  5. Jrtplib

    RTP/RTCP 视频数据传输 (续) http://blog.csdn.net/neohuo/article/details/821442

  6. Android 获取SDCard上图片和视频的缩略图

    获取图片缩略图和视频缩略图的方法: Java代码: import java.io.File; import android.app.Activity; import android.graphics. ...

  7. INFORMATION_SCHEMA.INNODB_TRX 详解

    从192.168.11.186 上登录 192.168.11.185 数据库: root 13246 547 0 13:39 pts/1 00:00:00 mysql -uroot -px xxxxx ...

  8. perl post json数据

    use LWP::UserAgent; use URI::Escape; use Net::Ping; use JSON qw(encode_json); use Socket; use Net::S ...

  9. Timer计时不准确的解决方案 每次都重新调整，修正误差

    http://stackoverflow.com/questions/29722838/system-timers-timer-steadily-increasing-the-interval 需要在 ...

  10. Learning WCF Chapter2 Service Description

    While messaging protocols are responsible for message serialization formats,there must be a way to c ...