jQuery. Su keyup e sfocatura solo onload

Question

Problema: Gli eventi blur e keyup generano una volta il carico e solo il carico. Come posso farli funzionare correttamente?

jQuery:

function myFunction(text){ 
    alert(text); 
} 
$('#input1').on({ 
    keyup: myFunction('keyup'), 
    blur: myFunction('blur'), 
    focus: function(){console.log('focus!');} 
}); 

Fiddle: http://jsfiddle.net/GrMQX/

Answer 1

Non sta assegnando una funzione per keyup e blur, si sta assegnando il risultato dell'esecuzione di myFunction.

cambiamento in questo modo:

$('#input1').on({ 
    keyup: function() { myFunction('keyup'); }, 
    blur: function() { myFunction('blur'); }, 
    focus: function() { console.log('focus!'); } 
}); 

DEMO

Answer 2

Non stai dichiarando le funzioni come callback, sei di loro e il loro risultato di ritorno viene assegnato come un callback (che doens't lavoro esecuzione).

Prova questo:

$('#input1').on({ 
    keyup: function() { myFunction('keyup') }, 
    blur: function() { myFunction('blur') }, 
    focus: function(){console.log('focus!');} 
    }); 

Answer 3

Si sta effettivamente eseguendo le funzioni quando li chiami in quel modo. Prova questo:

$('#input1').on({ 
    keyup: function(){myFunction('keyup')}, 
    blur: function(){myFunction('blur')}, 
    focus: function(){console.log('focus!');} 
}); 

jsFiddle example

Answer 4

È necessario passare una funzione come argomento .. si sta passando il valore di ritorno della funzione chiamata

function myFunction(text){ 
    alert(text); 
} 
$('#input1').on({ 
    keyup: function(){myFunction('keyup');}, 
    blur: function(){myFunction('blur');}, 
    focus: function(){console.log('focus!');} 
}); 

---

Oppure si può convertire il tuo myFunction in un generatore di funzioni

function myFunction(text){ 
    return function(){ 
     console.log(text); 
    } 
} 

$('#input1').on({ 
    keyup: myFunction('keyup'), 
    blur: myFunction('blur'), 
    focus: function(){console.log('focus!');} 
}); 

Demo ahttp://jsfiddle.net/gaby/GrMQX/6/

Answer 5

uso con .on Event()

$(document).on("keyup blur", "#input1", function(event) 
    {  
    // your code   

    });