Как поставить курсор в начале маски?

Question

[Александр Степанов]

Как поставить курсор в начале маски в плагине maskedinput?
Нужно так, чтобы куда ни поставил курсор он перемещался в начало поля.
С уважением, Александр.

Answer 1

[format_iai]

$.fn.setCursorPosition = function(pos) {
	  if ($(this).get(0).setSelectionRange) {
	    $(this).get(0).setSelectionRange(pos, pos);
	  } else if ($(this).get(0).createTextRange) {
	    var range = $(this).get(0).createTextRange();
	    range.collapse(true);
	    range.moveEnd('character', pos);
	    range.moveStart('character', pos);
	    range.select();
	  }
	};
	$('input[name="phone"]').click(function(){
    $(this).setCursorPosition(5);  // set position number
  });

Comments

[vitbka_gavrelets]

Работает, спасибо)

Answer 2

[Алексей П]

$('input').focus()

Comments

[Александр Степанов]

нет, когда мы ставим курсор нужно помещать в начало поля.

[Алексей П]

Александр Степанов:
тег
<input id="myinputbox" type="text" autofocus>
код на js:

// ставим курсор в начало
window.onload = function() {
  var input = document.getElementById("myinputbox").focus();
}

// ставим курсор в конец
function placeCursorAtEnd() {
  if (this.setSelectionRange) {
    // Double the length because Opera is inconsistent about 
    // whether a carriage return is one character or two.
    var len = this.value.length * 2;
    this.setSelectionRange(len, len);
  } else {
    // This might work for browsers without setSelectionRange support.
    this.value = this.value;
  }

  if (this.nodeName === "TEXTAREA") {
    // This will scroll a textarea to the bottom if needed
    this.scrollTop = 999999;
  }
};

window.onload = function() {
  var input = document.getElementById("myinputbox");

  if (obj.addEventListener) {
    obj.addEventListener("focus", placeCursorAtEnd, false);
  } else if (obj.attachEvent) {
    obj.attachEvent('onfocus', placeCursorAtEnd);
  }

  input.focus();
}

// код на jQuery
$(function() {
  $("[autofocus]").on("focus", function() {
    if (this.setSelectionRange) {
      var len = this.value.length * 2;
      this.setSelectionRange(len, len);
    } else {
      this.value = this.value;
    }
    this.scrollTop = 999999;
  }).focus();
});

Answer 3

[alexkrok]

Немного костыльный вариант, но рабочий

$('#input').mask('8 [phone]').on('click', function () {
    if ($(this).val() === '_ (___) ___-__-__') {
        $(this).get(0).setSelectionRange(0, 0);
    }
});