how to pass arguments to a jquery bind-event?

Question

Please can you help me, i don´t find a solution. I have a function with arguments and want to pass this function to a jquery bind-event:

function countChars23 (chars) {
    var thi = $(this);
    var len = $(this).val();
    if (len.length >= chars) {
        len = len.substring(0, 22);
        thi.val(len);

    }
}

Calling the function don´t work:

$('#name').bind('keyup', countChars23(10));

This don´t work either:

$('#name').bind('keyup', function() {
    countChars23(10);
}

This don´t work either:

$('#name').keyup(function() {
    countChars23(10);
}

Many Thanks for your help!

Alnitak · Accepted Answer · 2012-07-20 12:42:00Z

10

You can use the data parameter to .bind:

$('#name').bind('keyup', {chars: 10}, countChars23);

and then in your function replace the declared parameter with event and put this in the first line:

var chars = event.data.chars;

EDIT the reason your second and third attempts (with the extra function wrapper) don't work is because they don't set this properly. You would have had to have called it like this:

$('#name').keyup(function() {
    countChars23.call(this, 10);
}

edited Jul 20, 2012 at 12:42

answered Jul 19, 2012 at 9:56

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

3 Comments

f_up Over a year ago

your first solution worked! my second and third attempts (see above) don´t work, don´t know why! Thanks a lot!

Alnitak Over a year ago

@drog21 I just figured out why they didn't work - see update.

Alnitak Over a year ago

@kongaraju perhaps you have a different problem?

Collectives™ on Stack Overflow

how to pass arguments to a jquery bind-event?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related