Fixed: caret position issue for <input> and <textarea>

knifhen · Oct 29, 2011 · 8bfdd01 · 8bfdd01
1 parent 078a5ac
commit 8bfdd01
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 2 deletions.
diff --git a/examples/jquery.grewform.min.js b/examples/jquery.grewform.min.js
diff --git a/jquery.grewform.js b/jquery.grewform.js
@@ -14,7 +14,9 @@
             var ignore_codes = [33,34,36,35,45,38,40,37,39];//arrows and others
             if (e.keyCode && jQuery.inArray(e.keyCode, ignore_codes) < 0)//ignore this keyUps to let this keys work as expected
             {
+                var cp = getCP(this);
                 jQuery(this).attr('value', this.value);
+                setCP(this,cp);
             }
         });
 
@@ -460,6 +462,9 @@
         })
     }
 
+
+// ----------------- U T I L S  ----------------- 
+
     function arrayfy(obj) {
         if (obj.constructor !== Array) {
             return [obj];
@@ -475,4 +480,33 @@
 
         return res
     }
+
+    function getCP (ctrl) {
+        var cp = 0;  
+
+        // IE Support
+        if (document.selection) {
+        ctrl.focus ();
+            var sel = document.selection.createRange ();
+            sel.moveStart ('character', -ctrl.value.length);
+            cp = Sel.text.length;
+        }
+        // Firefox support
+        else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
+            cp = ctrl.selectionStart;
+        }
+        return (CaretPos);
+    }
+    function setCP(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();
+        }
+    }
 })();