js擷取游標位置和設定文字框游標位置範例程式碼

來源:互聯網
上載者:User

 本執行個體描述了如何用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> 
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。