jQuery设置聚焦并使光标位置在文字最后

2019独角兽企业重金招聘Python工程师标准>>>

遇到一个问题：表单输入框设置了文字，然后使用jQuery的焦点停留设置办法focus()进行处理。结果发现光标位置在firefox下停留的位置不对——停留在文字的最前边！

只有IE浏览器下是正常的。这样的话肯定是不行的，于是想办法进行处理。

代码有很多种，下面给出：

方法一：

[javascript] view plaincopy

1. function setSelectionRange(input, selectionStart, selectionEnd) {  

2.   if (input.setSelectionRange) {  

3.     input.focus();  

4.     input.setSelectionRange(selectionStart, selectionEnd);  

5.   }  

6.   else if (input.createTextRange) {  

7.     var range = input.createTextRange();  

8.     range.collapse(true);  

9.     range.moveEnd('character', selectionEnd);  

10.     range.moveStart('character', selectionStart);  

11.     range.select();  

12.   }  

13. }  

14.   

15. function setCaretToPos (input, pos) {  

16.   setSelectionRange(input, pos, pos);  

17. }  

调用办法：setCaretToPos(document.getElementById("YOURINPUT"), 4);

方法二：

[javascript] view plaincopy

1. $.fn.selectRange = function(start, end) {  

2.     return this.each(function() {  

3.         if (this.setSelectionRange) {  

4.             this.focus();  

5.             this.setSelectionRange(start, end);  

6.         } else if (this.createTextRange) {  

7.             var range = this.createTextRange();  

8.             range.collapse(true);  

9.             range.moveEnd('character', end);  

10.             range.moveStart('character', start);  

11.             range.select();  

12.         }  

13.     });  

14. };  

调用办法：$('#elem').selectRange(3,5);

方法三：

[javascript] view plaincopy

1. $.fn.setCursorPosition = function(position){  

2.     if(this.lengh == 0) return this;  

3.     return $(this).setSelection(position, position);  

4. }  

5.   

6. $.fn.setSelection = function(selectionStart, selectionEnd) {  

7.     if(this.lengh == 0) return this;  

8.     input = this[0];  

9.   

10.     if (input.createTextRange) {  

11.         var range = input.createTextRange();  

12.         range.collapse(true);  

13.         range.moveEnd('character', selectionEnd);  

14.         range.moveStart('character', selectionStart);  

15.         range.select();  

16.     } else if (input.setSelectionRange) {  

17.         input.focus();  

18.         input.setSelectionRange(selectionStart, selectionEnd);  

19.     }  

20.   

21.     return this;  

22. }  

23.   

24. $.fn.focusEnd = function(){  

25.     this.setCursorPosition(this.val().length);  

26. }  

调用办法：$(element).focusEnd();

转载于:https://my.oschina.net/u/1866821/blog/311737