js选择文本框内的部分内容

来源:互联网 发布:香波特数据 编辑:程序博客网 时间:2024/06/05 23:48

如下代码:

function setSelectionRange(input, selectionStart, selectionEnd) {  if (input.setSelectionRange) {    input.focus();    input.setSelectionRange(selectionStart, selectionEnd);  }  else if (input.createTextRange) {    var range = input.createTextRange();    range.collapse(true);    range.moveEnd('character', selectionEnd);    range.moveStart('character', selectionStart);    range.select();  }}function setCaretToPos (input, pos) {  setSelectionRange(input, pos, pos);}

用法:

setCaretToPos(document.getElementById("YOURINPUT"), 4);

我们也可以把这段代码的实现封装成jquery插件,如下

$.fn.setCursorPosition = function(position){    if(this.length == 0) return this;    return $(this).setSelection(position, position);}$.fn.setSelection = function(selectionStart, selectionEnd) {    if(this.length == 0) return this;    input = this[0];    if (input.createTextRange) {        var range = input.createTextRange();        range.collapse(true);        range.moveEnd('character', selectionEnd);        range.moveStart('character', selectionStart);        range.select();    } else if (input.setSelectionRange) {        input.focus();        input.setSelectionRange(selectionStart, selectionEnd);    }    return this;}$.fn.focusEnd = function(){    this.setCursorPosition(this.val().length);            return this;}

将选择文本框的焦点放到文本框的最后用法示例:

$(element).focusEnd();

0 0
原创粉丝点击