js获取光标位置和设置文本框光标位置示例代码

本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置，以下代码兼容IE和Chrome，Firefox，有需要的朋友可以参考一下，希望对大家有所帮助！

复制代码 代码如下:

<script type="text/javascript">

        function getTxt1CursorPosition(){

            var oTxt1 = document.getElementById("txt1");

            var cursurPosition=-1;

            if(oTxt1.selectionStart){//非IE浏览器

                cursurPosition= oTxt1.selectionStart;

            }else{//IE

                var range = document.selection.createRange();

                range.moveStart("character",-oTxt1.value.length);

                cursurPosition=range.text.length;

            }

            alert(cursurPosition);

        }

        function setTxt1CursorPosition(i){

            var oTxt1 = document.getElementById("txt2");

            var cursurPosition=-1;

            if(oTxt1.selectionStart){//非IE浏览器

                oTxt1.selectionStart=i;

            }else{//IE

                var range = oTxt1.createTextRange();

                range.move("character",i);

                range.select();

            }

        }

        function getTa1CursorPosition(){

            var evt =window.event?window.event:getTa1CursorPosition.caller.arguments[0];

            var oTa1 = document.getElementById("ta1");

            var cursurPosition=-1;

            if(oTa1.selectionStart){//非IE浏览器

                cursurPosition= oTa1.selectionStart;

            }else{//IE

                var range = oTa1.createTextRange();

                range.moveToPoint(evt.x,evt.y);

                range.moveStart("character",-oTa1.value.length);

                cursurPosition=range.text.length;

            }

            alert(cursurPosition);

        }

        function setTa1CursorPosition(i){

            var oTa2 = document.getElementById("ta2");

            if(oTa2.selectionStart){//非IE浏览器

                oTa2.selectionStart=i;

                oTa2.selectionEnd=i;

            }else{//IE

                var range = oTa2.createTextRange();

                range.move("character",i);

                range.select();

            }

        }

    </script>