zoukankan      html  css  js  c++  java
  • JS获取和设置光标的位置

    <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);
        }
    }
    


  • 相关阅读:
    企业微信应用授权
    exec存储过程示例
    jquery判断对象是否存在
    IScroll5要防止重复加载
    transitionEnd不起作用解决方法
    微信接口 output {"errMsg":"translateVoice:fail, the permission value is offline verifying"}
    javascript保留两位小数
    html取消回车刷新提交
    企业微信后台登录
    企业微信开启开发者工具
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3366099.html
Copyright © 2011-2022 走看看