How to pass function parameters to callback function in JavaScript?

Question

I have created an OnClick handler function as below:

function onClickHandler(ID, doClick) {
  $('#' + ID).on('click', doClick);
}

I have created another function that will redirect after clicking a button:

function redirectPage(url) {
    window.location.href = url;
}

If I'm passing the url parameters as below, then I get only events of clicked button:

onClickHandler(CreateLODControlIds.BTN_CANCEL, redirectPage.bind(LODPage.DASHBOARD));

How can I pass the url parameters of redirectPage function in onClickHandler function?

Any help is much appreciated!

Quentin · Accepted Answer · 2019-11-27 10:39:02Z

1

The first argument to bind is the this value.

The value you want to bind to the url parameter needs to be passed as the second argument to bind.

answered Nov 27, 2019 at 10:39

Quentin

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

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

1 Answer 1