首頁 > web前端 > js教程 > 主體

文字域遊標操作的jQuery擴充分享_jquery

WBOY
發布: 2016-05-16 16:56:04
原創
942 人瀏覽過

此針對文字域的擴充實現的功能及使用方法:
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($){
    /*
     * 文字領域遊標操作(選、 extend({
        /*
         * 取得遊標所在位置
                  var field=this.get(0);
            if(document. selection){
                //IE
              var sel=document.selection;
                var range=sel.createRange();
  .duplicate();
                dupRange.moveToElementText(field);
                    field.selectionStart=dupRange.text.length-range.text.length;
                field.selectionEnd=field.selectionStart range.text.length;
        >        },
       
         * --- 從start起選取(含第start個),至第end結束(不含第end個)
         * --- 若不輸入end值,即設定為設定光標的位置(第一個輸入start字符後)
         */
        iSelectField:function(start,end){
         //end未定義,則為設定遊標位置
            if(arguments[1]==undefined){
                       if(document.selection){
                //IE
   ;
                range.moveEnd('character',-$(this).val().length);
                  range.moveStart('character', start);
               🎜>                field.setSelectionRange(start,end);
         🎜>            }
        },
        /*
         * 選取指定字串
               var field=this.get(0);
            var i=$( this).val().indexOf(str);
            i != -1 ? $(this).iSelectField(i,i str.length) : false;<.>         * 遊標後插入字串
         */
        iAddField: 🎜>            var v=$(this).val() ;
            var len=$(this).val().length;
          IE
                $(this).focus()
           selection.createRange().text=str;
            }else{
          var selPos=field.selectionStart;
                $(this).val($(this).val( ).slice(0,field.selectionStart) str $(this).val().slice(field.selectionStart,len));
               ;
        },
         iDelField:function(n){
            var field=this.get (0);
            var pos=$(this).iGetFieldPos();
        大於0則刪除後面,小於0則刪除前面
            $(this).val(n>0 ? v.slice(0,pos-n) v.slice(pos) : v.slice(0,pos) v.slice(pos-n) v.slice(pos) : v.slice(0,pos) v.slice(pos-n));
            $(this).iSelectField(pos-(n       
載入於擴充程式碼,然後根據擴充功能中的方法名稱呼叫即可。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板