Javascript .onclick = functionName passing parameters

Question

I have this code:

var bt = document.getElementById("bt");
bt.onclick = randomFunc;

Now, how can I pass some parameters to randomFunc?

Quentin · Accepted Answer · 2013-10-23 15:52:02Z

4

Create a new function which calls randomFunc and specify the parameters there.

bt.onclick = function () {
    randomFunc(foo, bar, baz);
};

Or, if you can limit support to browsers which support bind, use that method to create your function:

bt.onclick = randomFunc.bind(this, foo, bar, baz);

answered Oct 23, 2013 at 15:52

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

While I'd recommend addEventListener() over onclick =, it doesn't have any features to help with the problem of binding arguments.

@Quentin indeed - I just couldn't leave the OP's use of obsolete DOM0 event handling go unchallenged... ;-)