Wie führt man .select() auf jQuery maskierte Texteingabe

Question

Ich benutze http://digitalbush.com/projects/masked-input-plugin/ Plugin.

Es gibt einen Eingabetext mit definierter Maske:

<input type="text" id="txtMyInput" class="FocusSense"/>

und ein Drehbuch:

$(document).ready(function () {
    jQuery(function ($) {            
        $("#txtMyInput").mask("?9.99");            
    });
    $(".FocusSense").focus(function () {
        this.select();
    });
})

Wie Sie sehen können, würde ich gerne alles in txtMyInput im Fokus, aber leider! Beim Scharfstellen erscheint die Maske und verliert .select() .

Was sollte ich tun, um die Maske und .select() ?

Answer 1

Ich denke, was Sie suchen, ist dies:

$(document).ready(function () {
    jQuery(function ($) {            
        $("#txtMyInput").mask("?9.99");            
    });
    $(".FocusSense").focus(function (e) {
      var that = this;
      setTimeout(function(){$(that).select();},10);
      return false;
    });
});

setTimeout wird die Ausführung von select() in eine Warteschlange stellen. Der Inhalt wird also erst ausgewählt, wenn die Maskierung abgeschlossen ist.

Arbeits-Demo

Answer 2

Müssen Sie $(this) verwenden, um das aktuelle Objekt zu erhalten.

$(document).ready(function () {
    jQuery(function ($) {            
        $("#txtMyInput").mask("?9.99");            
    });
    $(".FocusSense").focus(function () {
        $(this).select(); // instead of this.select();
    });
});

Answer 3

Sory change focus change click function;

jQuery(".FocusSense").click(function() {
    this.focus();
    this.select(); 
});

Answer 4

This.select() ändert jQuery(this).select();

$(".FocusSense").focus(function () {
    jQuery(this).select();
});

Answer 5

Dies ist ein Duplikat von ' jQuery maskierte Eingabe-Plugin. Wählen Sie alle Inhalte, wenn Textfeld erhält den Fokus ', wo ich eine Erklärung für diese Korrektur veröffentlicht habe.

imeout-Methode ist unnötig!

$(".yourMaskedInput").attr("readonly", true).select().removeAttr("readonly");