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>
 

时间: 2024-10-05 02:29:34

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

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

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

js获取下拉列表框中的value和text的值示例代码

 本篇文章主要是对js获取下拉列表框<option>中的value和text的值示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value="value">ShowText</option>中"ShowText",我们该如何获取呢?方法很简单,具体代码如下:    代码

js获取和设置文本框光标的位置

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

JS获取DropDownList的value值与text值的示例代码_javascript技巧

相关JS: 复制代码 代码如下: <script type="text/javascript" language="javascript">    function SearchChange()    {        var ddl = document.getElementById("DropDownList1")           var index = ddl.selectedIndex;           var Val

js设置文本框中焦点位置在最后的示例代码

 本篇文章主要是对js设置文本框中焦点位置在最后的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在火狐浏览器中直接使用this.focus();即可实现.   在IE中,在this.focus();之后再把文本框的值赋给文本框,焦点即在最后了.很简单哟!!   如:   代码如下: var tar=document.getElementByIdx_x("name"); if(tar.attachEvent){ tar.attachEvent('onmouseover

jQuery简单设置文本框回车事件的方法_jquery

本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本

文本框光标问题

问题描述 设置文本框的高度height属性使文本框变高了但是光标的位置怎么还停留在原来位置怎么把它往下移呢?急!! 解决方案 解决方案二:光标好像不能移的,否则成本太高了

javascript 设置文本框的值例子

一,原生态js设置文本框值 <input type="text" name="test" id="test"> 获取 test的值 var t=document.getElementByIdx_x("test").value把值赋给变量t 给<input type="text" name="test" id="test">赋值 document

在Word 2007文档中设置文本框阴影效果

Word 2007为文本框提供了多种阴影效果,例如投影.透视阴影等阴影效果.用户不仅可以选择合适的阴影效果,还可以对这些阴影进行颜色.阴影位置等方面的设置.在Word2007文档中设置文本框阴影效果的步骤如下所述: 第1步,打开Word2007文档窗口,单击选中文本框,在打开的"格式"功能区中单击"阴影效果"分组中"阴影效果"按钮,如图2009010101所示. 图2009010101 单击"阴影效果"按钮 第2步,在打开的阴