亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

文本域光標操作的jQuery擴展分享

2019-11-20 20:57:40
字體:
來源:轉載
供稿:網友

該針對文本域的擴展實現的功能及使用方法:
1、獲取光標位置:$(elem).iGetFieldPos();
2、設置光標位置:$(elem).iSelectField(start);
3、選中指定位置內的字符:$(elem).iSelectField(start,end);
4、選中指定的字符:$(elem).iSelectStr(str);
5、在光標之后插入字符串:$(elem).iAdd(str);
6、刪除光標前面(-n)或者后面(n)的n個字符:$(elem).iDel(n);

jQuery擴展代碼:

復制代碼 代碼如下:

;(function($){
    /*
     * 文本域光標操作(選、添、刪、取)的jQuery擴展
     */
    $.fn.extend({
        /*
         * 獲取光標所在位置
         */
        iGetFieldPos:function(){
            var field=this.get(0);
            if(document.selection){
                //IE
                $(this).focus();
                var sel=document.selection;
                var range=sel.createRange();
                var dupRange=range.duplicate();
                dupRange.moveToElementText(field);
                dupRange.setEndPoint('EndToEnd',range);
                field.selectionStart=dupRange.text.length-range.text.length;
                field.selectionEnd=field.selectionStart+ range.text.length;
            }
            return field.selectionStart;
        },
        /*
         * 選中指定位置內字符 || 設置光標位置
         * --- 從start起選中(含第start個),到第end結束(不含第end個)
         * --- 若不輸入end值,即為設置光標的位置(第start字符后)
         */
        iSelectField:function(start,end){
            var field=this.get(0);
            //end未定義,則為設置光標位置
            if(arguments[1]==undefined){
                end=start;
            }
            if(document.selection){
                //IE
                var range = field.createTextRange();
                range.moveEnd('character',-$(this).val().length);
                range.moveEnd('character',end);
                range.moveStart('character',start);
                range.select();
            }else{
                //非IE
                field.setSelectionRange(start,end);
                $(this).focus();
            }
        },
        /*
         * 選中指定字符串
         */
        iSelectStr:function(str){
            var field=this.get(0);
            var i=$(this).val().indexOf(str);
            i != -1 ? $(this).iSelectField(i,i+str.length) : false;
        },
        /*
         * 在光標之后插入字符串
         */
        iAddField:function(str){
            var field=this.get(0);
            var v=$(this).val();
            var len=$(this).val().length;
            if(document.selection){
                //IE
                $(this).focus()
                document.selection.createRange().text=str;
            }else{
                //非IE
                var selPos=field.selectionStart;
                $(this).val($(this).val().slice(0,field.selectionStart)+str+$(this).val().slice(field.selectionStart,len));
                this.iSelectField(selPos+str.length);
            };
        },
        /*
         * 刪除光標前面(-)或者后面(+)的n個字符
         */
        iDelField:function(n){
            var field=this.get(0);
            var pos=$(this).iGetFieldPos();
            var v=$(this).val();
            //大于0則刪除后面,小于0則刪除前面
            $(this).val(n>0 ? v.slice(0,pos-n)+v.slice(pos) : v.slice(0,pos)+v.slice(pos-n));
            $(this).iSelectField(pos-(n<0 ? 0 : n));
        }
    });
})(jQuery);

加載于擴展代碼,然后根據擴展中的方法名調用即可。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲精品视频二区| 成人欧美在线观看| 高清一区二区三区日本久| 亚洲色图综合网| 97精品国产97久久久久久春色| 日韩在线观看视频免费| 欧美与黑人午夜性猛交久久久| 欧美日韩亚洲成人| 国产69精品99久久久久久宅男| 久久久久久久久久亚洲| 在线亚洲国产精品网| 亚洲人成自拍网站| 欧美激情视频在线| 国产精品综合网站| 日韩免费黄色av| 91欧美视频网站| 日韩有码在线视频| 亚洲国产精品一区二区三区| 欧美日韩国产专区| 久久影视电视剧免费网站清宫辞电视| 国产精品99久久久久久久久久久久| 欧洲亚洲妇女av| 国产性猛交xxxx免费看久久| 国产在线观看不卡| 亚洲欧美国产日韩天堂区| 国产亚洲精品91在线| 91精品国产自产在线观看永久| 一区二区三区www| 欧美极品第一页| 亚洲人午夜精品免费| 久久在线视频在线| 中文字幕免费精品一区高清| 成人中文字幕在线观看| 国产色综合天天综合网| 日本韩国欧美精品大片卡二| 最近2019好看的中文字幕免费| 日韩成人在线播放| 中文字幕久热精品在线视频| 欧美怡春院一区二区三区| 日韩av在线一区二区| 日韩经典中文字幕在线观看| 欧美成人合集magnet| 91视频免费在线| 疯狂欧美牲乱大交777| 成人午夜激情网| 国产伦精品免费视频| 精品国产电影一区| 欧美wwwwww| 国产亚洲人成a一在线v站| 亚洲欧美另类中文字幕| 亚洲视频第一页| 人九九综合九九宗合| 国产精品视频播放| 日韩av资源在线播放| 91精品国产高清自在线看超| 亚洲成年网站在线观看| 日韩av高清不卡| 国产精品h片在线播放| 国内精品400部情侣激情| 亚洲男人7777| 欧美激情免费观看| 久久影院模特热| 欧美黑人国产人伦爽爽爽| 55夜色66夜色国产精品视频| 欧美日韩久久久久| 91av在线免费观看视频| 亚洲小视频在线| 97超级碰碰碰久久久| 欧美一区二区大胆人体摄影专业网站| 日韩av免费在线| 在线视频欧美日韩精品| 日韩美女福利视频| 欧美不卡视频一区发布| 国产一区二区三区视频在线观看| 69视频在线免费观看| 亚洲精品视频在线播放| 国产精品久久久久久久久久免费| 亚洲免费av网址| 在线一区二区日韩| 亚洲色图偷窥自拍| 国产偷国产偷亚洲清高网站| 日韩精品在线影院| 57pao国产精品一区| 欧美在线视频播放| 亚洲综合av影视| 国产99久久精品一区二区永久免费| 91精品国产乱码久久久久久久久| 亚洲三级 欧美三级| 久久全国免费视频| 欧美成人午夜激情视频| 国内精品久久久| 777精品视频| 久久国产色av| 欧美片一区二区三区| 久久久精品国产一区二区| 亚洲精品中文字幕女同| 国内伊人久久久久久网站视频| 欧美电影免费观看高清完整| 韩国19禁主播vip福利视频| 亚洲成人av资源网| 欧美交受高潮1| 北条麻妃99精品青青久久| 中文字幕亚洲欧美| 久久成人在线视频| 2019亚洲日韩新视频| 78色国产精品| 欧洲中文字幕国产精品| 91中文精品字幕在线视频| 高清欧美一区二区三区| 久热国产精品视频| 国产日韩av高清| 欧美人在线视频| 一区二区亚洲精品国产| 国产精品小说在线| 欧美日本精品在线| 97超碰蝌蚪网人人做人人爽| 精品欧美激情精品一区| 国产精品激情自拍| 久久精品在线播放| 美女扒开尿口让男人操亚洲视频网站| 97国产精品视频人人做人人爱| 夜夜躁日日躁狠狠久久88av| 日韩网站免费观看| 色樱桃影院亚洲精品影院| 一本一本久久a久久精品综合小说| 久久久这里只有精品视频| 日韩在线观看网址| 欧美日韩免费观看中文| 亚洲日韩中文字幕| 国产精品热视频| 国产91热爆ts人妖在线| 最近2019中文字幕在线高清| 国产成人精品久久| 欧美劲爆第一页| 一区二区在线视频| 丁香五六月婷婷久久激情| 亚洲女人被黑人巨大进入al| 欧美日韩国产在线| 亚洲成人av中文字幕| 日韩乱码在线视频| 欧美日韩亚洲系列| 精品成人国产在线观看男人呻吟| 中文字幕少妇一区二区三区| 亚洲国产成人久久综合| 国产欧美精品一区二区| 日韩电视剧在线观看免费网站| 亚洲大胆人体av| 91日韩在线播放| 久久久黄色av| 欧美激情亚洲激情| 91经典在线视频| 亚洲最大成人在线| 亚洲另类激情图| 亚洲香蕉伊综合在人在线视看| 国产婷婷成人久久av免费高清| 亚洲第一av在线| 精品国内自产拍在线观看| 亚洲va欧美va国产综合久久| 午夜精品视频网站| 精品无人区太爽高潮在线播放| 亚洲天堂av高清| 久久乐国产精品| 韩国19禁主播vip福利视频| 国产精品视频区|