jQuery .on keyup и размытие только при загрузке

Question

Задача: blur и keyup событий каждый пожар один раз при загрузке и только при загрузке. Как я могу заставить их работать правильно?

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

Вы не назначаем функцию keyup и blur, вы присваиваете результат выполнения myFunction.

Изменить это следующим образом:

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

DEMO

Answer 2

Вы не объявляя функции, как функции обратного вызова, вы их выполнения и их возвращение результат присваивается в качестве обратного вызова (который doens't работу).

Попробуйте это:

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

Answer 3

Вы фактически выполняющее функции при вызове их таким образом. Попробуйте это:

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

jsFiddle example

Answer 4

Вам необходимо передать функцию в качестве аргумента .. вы передаете возвращаемое значение вызываемой функции

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

---

Или вы может преобразовать myFunction в генератор функций

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

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

Демо наhttp://jsfiddle.net/gaby/GrMQX/6/

Answer 5

использование с .ON() Event

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

    });