jQuery callback functions?

Question

I can't seem to get this to work: Here's the code:

// Clears the default text on click, but restores if nothing is entered
var clearText =  (function(){
    $("input:text").each(function () {

       var default_value = this.value;

       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = '';
               }
       });

       $(this).blur(function(){
               if(this.value == '') {
                       this.value = default_value;
               }
       });

    });

    $("textarea").each(function () {

       var default_value = this.value;

       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = '';
               }
       });

       $(this).blur(function(){
               if(this.value == '') {
                       this.value = default_value;
               }
       });

    });

})();


$('html').on('keydown', 'body', function(e){
    if (e.which == 9)
    {
        clearText();
    }
});

clearText() is definitely being called at page load, but then it doesn't work as a callback function? I'm not entirely sure why, can anyone help me out?

Cheers

Roderick Obrist · Accepted Answer · 2012-02-19 07:35:13Z

2

clearText is undefined, it is not a function. You were calling it as you thought you were defining it. Thats what the () at the end of the function assignment was.

var clearText =  function(){
    $("input:text").each(function () {

       var default_value = this.value;

       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = '';
               }
       });

       $(this).blur(function(){
               if(this.value == '') {
                       this.value = default_value;
               }
       });

    });

    $("textarea").each(function () {

       var default_value = this.value;

       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = '';
               }
       });

       $(this).blur(function(){
               if(this.value == '') {
                       this.value = default_value;
               }
       });

    });

};

Now the function is invokable

answered Feb 19, 2012 at 7:35

Roderick Obrist

3,8482 gold badges18 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

chintanparikh Over a year ago

Is there a way I can make it auto-invoke when it's defined, and also make clearText a function?

Roderick Obrist Over a year ago

Yes there are a couple of ways to do it. But don't, saving one line of code is not worth it being a bit cryptic. Define functions and call them. thats how the human mind works. just add clearText(); right after you define it and everyone will know whats going on.

The Alpha · Accepted Answer · 2012-02-19 07:50:42Z

0

Try to put you functions inside document.ready i.e.

$(document).ready(function(){ 
   // Your functions here... 
   $("input:text").each(function(e){
     // code goes here...
   });
});

No need to wrap it inside another braces/().

edited Feb 19, 2012 at 7:50

answered Feb 19, 2012 at 7:42

The Alpha

147k30 gold badges294 silver badges313 bronze badges

1 Comment

chintanparikh Over a year ago

Sorry, I probably should have said, what I posted above is a snippet of the code, everything is actually inside $(document).ready

Collectives™ on Stack Overflow

jQuery callback functions?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related