JS控制对input控件里的值的操作

 

View Code

 //地市名称长度 
        var length=3;
        
        $(document).ready(function(){
    
        $("#abc").keydown(function(obj){
            
            var blResult=true ;
           
           //光标在文本框中的位置
            var position=$(this).position();

            if(position<length)
            {
                if(obj.keyCode==39 || obj.keyCode==37)
                {
                    //左右键可用
                    blResult=true ;
                }
                else
                {
                    //小于指定位值，不能进行任何操作
                    blResult=false ;
                }
            }
            else if(position==length)
            {
                if(obj.keyCode==8  )
                {
                    //屏蔽回格键
                    blResult=false ;
                }
                else if(obj.keyCode==46)
                {
                    if(CheckIsSelPrefix())
                    {
                        //选中不能删除(即回格键和delete键失效) ,任何操作都失效
                        blResult=false ;
                    }
                    else
                    {
                        blResult=true ;
                    }
                }
                else
                {
                    if(CheckIsSelPrefix())
                    {
                        //选中不能删除(即回格键和delete键失效) ,任何操作都失效
                        blResult=false ;
                    }
                    else
                    {
                        blResult=true ;
                    }
                }
            }
            else if(position>length)
            {
                if(CheckIsSelPrefix())
                {
                    //选中不能删除(即回格键和delete键失效)
                    blResult=false;
                }
                else
                {
                    blResult=true ;
                }
            }
            return blResult ;
        }); 
        
        //禁用右键操作
        $("#abc").bind("contextmenu", function() { 
             var blResult=true ;
             
             if(CheckIsSelPrefix())
             {
                //选中了前缀,不能点击右键
                blResult=false ;
             }
             else
             {
                //没有选中，可以点击右键
                blResult= true ;
             }
             return blResult;
        });

        //过滤输入字符（用jquery过滤插件）
        $('#abc').keyfilter(function(c) {
        
            var blResult=true  ;
        
            //光标在文本框中的位置
            var position=$(this).position();
            
            if(position<length)
            {
                //在地市名称中间不能输入任何字符
                blResult= false ;
            }
            else
            {
                blResult= true ;
            }
            
            return blResult ;
          });
        })
        //是否选择前缀
        function CheckIsSelPrefix()
        {
            var  blResult=false ;
          
             //选择的字符串
            var strSel=getRangeById("abc");
   
            if(strSel.length>0)
            {
                //取得文本框里的内容
                var txtContent=$("#abc").val();
                
                var s = txtContent.indexOf(strSel);  
                
                if(s<length)
                {
                    //选中
                    blResult=true ;
                }
                else
                {
                    //没有选中
                    blResult=false ;
                }
            }
            else
            {
                //没有选中
                blResult=false ;
            }
            
            return blResult;
        }
        //选择的字符串
        function getRangeById(id) 
        { 
            var word=''; 
            if (document.selection)
            {
                o=document.selection.createRange();
                if(o.text.length>0)
                word=o.text;
            }
            else{ 
                    o=document.getElementById(id);
                     p1=o.selectionStart;
                     p2=o.selectionEnd; 
                    if (p1||p1=='0')
                    {
                        if(p1!=p2)
                            word=o.value.substring(p1,p2);
                     }
                 } 
            return word; 
        } 

取得光标所有文本控件里位置的jquery代码

 

View Code

/**
 * @author 
 */
$.fn.extend({
    position:function( value ){
        var elem = this[0];
            if (elem&&(elem.tagName=="TEXTAREA"||elem.type.toLowerCase()=="text")) {
               if($.browser.msie){
                       var rng;
                       if(elem.tagName == "TEXTAREA"){ 
                            rng = event.srcElement.createTextRange();
                            rng.moveToPoint(event.x,event.y);
                       }else{ 
                            rng = document.selection.createRange();
                       }
                       if( value === undefined ){
                            rng.moveStart("character",-event.srcElement.value.length);
                         return  rng.text.length;
                       }else if(typeof value === "number" ){
                            var index=this.position();
                         index>value?( rng.moveEnd("character",value-index)):(rng.moveStart("character",value-index))
                         rng.select();
                       }
                }else{
                    if( value === undefined ){
                            return elem.selectionStart;
                       }else if(typeof value === "number" ){
                            elem.selectionEnd = value;
                            elem.selectionStart = value;
                       }
                }
            }else{
                if( value === undefined )
                   return undefined;
            }
    }
})

 

转载于:https://www.cnblogs.com/S-TGM/archive/2011/08/22/2148961.html