jquery-setzen Sie den Fokus auf dynamisch generierten element

Habe ich diesem eine Reihe von Zeiten, wo ich es zurücksetzen wollen konzentrieren (und, oder wählen Sie den Inhalt von) einem dynamisch generierten element nach nicht der ein oder andere Validierung (in der Regel auf ändern oder Unschärfe), aber ich habe nie eine zufriedenstellende Lösung. Warum wird dies nicht funktionieren? MyFiddle

jQuery(function(){
    jQuery("body").append("<input type='text' id='test' size='5'/>&nbsp;&nbsp;<button>Go</button>");
    jQuery('body').on('blur', '#test', function()
    {   var test = jQuery(this).val();
        if(test && !isNumber(test))
        {   alert('Not a Number!');
            jQuery(this).focus().select();
            //jQuery('#test').focus().select();
        }
    });
});
function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
}
InformationsquelleAutor WallabyKid | 2013-01-26
  1. 3

    Können Sie versuchen, mit setTimeout Funktion:

    $('#test').on('blur', function () {
    var $this = $(this), test = this.value;
    if (test && !isNumber(test)) { 
         setTimeout(function() {
            $this.focus().select();
         }, 4);
    }
});

    http://jsfiddle.net/tFAaf/

    • Gut, Schlag mich und rufen Sie mich an Ruth! Ich mag es!
    InformationsquelleAutor undefined
  2. 1

    Was passiert, wenn Sie versuchen, diese:

    $(function(){
    $("body").append("<input type='text' id='test' size='5'/>&nbsp;&nbsp;<button>Go</button>");

    $('#test').on('blur', function() {   
        if (isNaN(this.value)) {   
            alert('Not a Number!');
            $(this).focus();
        }
    });
});

    Wenn das element keinen Wert hat, wenn der Benutzer schaltet aus dem element, es konzentriert sich und wirft eine Warnung. Dies ist, was Sie wollen, nicht?

    • Nicht sicher, was Sie geändert haben darüber hinaus entfernen.wählen Sie(), aber Nein, es funktioniert nicht. Das ist, wo ich angefangen habe. Edit, mein Fehler... du hast alterend der event-handler... lass mich testen, in der fiddle-und wieder zurück.
    • Dieser event-handler wird nicht funktionieren, da das element dynamisch angehängt. Die OPs orignal on() Signatur war korrekt.
    • Gut... die Farbe, die mich überrascht, da der event-handler funktioniert tatsächlich in der Geige (ich glaube nicht, es würde entweder), aber der Fokus immer noch nicht
    InformationsquelleAutor hohner
  3. 0

    diese:

    jQuery('body').on('blur', '#test', function()

    werden sollte:

    jQuery(document).on('blur', '#test', function()
    • Nein, Befestigung der Veranstaltung an die body ist völlig in Ordnung. Anbringen eines Delegierten event-handler, um die document ist das Letzte, was Sie tun sollte - es ist der Grund, warum live() war veraltet.
    • Ich verstehe die Abschreibung Begründung der live() . Der user gefragt, warum es würde nicht funktionieren in js fiddle. Sie hatte keine body-Tags im html-oder bin ich etwas fehlt.
    • es gibt immer einen body-tag. jsFiddle fügt es für Sie.
    • okay hab es nicht verwenden, fiddle, dass viel. danke.
    • Keine Probleme 🙂 bla bla, die Länge des Inhalts Warnung etc.
    InformationsquelleAutor ROY Finley
Schreibe einen Kommentar