Comment déclencher un effet de flou/focusout événement sur une entrée de la zone de texte à l'aide de jquery?

Je suis en 1.7.2 dans lequel je comprends que cela devrait fonctionner:

//cell is a jquery representation of a <td> element
cell.append($("<input/>", { "type": "text" }).val(content));        
cell.children()[0].focus();
cell.children()[0].on("blur", function() {
    alert("blur");
}

La zone d'entrée est ajoutée, attrape la mise au point et la console javascript me dit:

Uncaught TypeError: Object #<HTMLInputElement> has no method 'on'

Je serais reconnaissant si quelqu'un sait comment je peux attraper le flou/focusout événement.

OriginalL'auteur rich | 2012-06-02

  1. 4

    Vous accédez à l'élément DOM avec [0] et en agissant comme il est un objet jQuery.

    Si vous voulez seulement le premier, vous devez utiliser eq() pour obtenir l'objet jQuery.

    cell.children().eq(0).focus().on("blur", function() {
    alert("blur");
};

    OriginalL'auteur epascarello

  2. 4

    Vous devez lier événement délégué ie. événement en direct à ces apports, parce qu'ils ont ajouté à DOM plus tard, donc ils ont besoin de vivre de gestionnaire d'événements.

    $(cell).on('blur focusout', ':text', function() {
   alert(this.value);
});

    alors déclencher comme suit:

    $(':input:first', cell).blur(); //or $(':text', cell).trigger('blur');

$(':input:first', cell).focusout(); //or $(':text', cell).trigger('focusout');.

    en fonction de votre code

    cell.children(':input:eq(0)').focus().on("blur", function() {
    alert("blur");
};

    ou

    cell.children(':input:first').focus().on("blur", function() {
    alert("blur");
};

    OriginalL'auteur thecodeparadox

  3. 0

    Vous appelez .on sur un élément du DOM, pas jQuery objet, essayez ceci:

    var input = $("<input/>", { "type": "text", val: content } );
cell.append(input);
input.focus();
input.on( "blur", function(){
    alert( "blur" );
});

    OriginalL'auteur Esailija