passing this object as argument in onChange event?

javascript onchange
emilly picture emilly · Aug 8, 2013 · Viewed 45.6k times · Source

I want to make an eventHandler that passes "this" object as parameter. I tried this

 <select id="customer" onchange="custChange(this);">

it works fine and get the the dom object on which on change even was called.

But as per my understanding this should not work as first argument is expected as "event" (not the "this" object )in event handler method like below

  <select id="customer" onchange="custChange(event);">

can we pass any argument(this or event) in eventHandler method provide their name is correct or first argument will always be considered as event object?

Answer

Felix Kling picture Felix Kling · Aug 8, 2013

You defined custChange and more importantly: you are calling it. Hence you can decide for yourself which arguments it should accept and in which order. Only for functions that are not called by you, you have to pay attention to the order of arguments.

But if you want to define custChange so that it is compatible with other ways of binding event handlers, i.e.

function custChange(event) {
    // `this` refers to the DOM element
}

then you can call it with

custChange.call(this, event);

Related questions

How to pass parameters on onChange of html select

I am a novice at JavaScript and jQuery. I want to show one combobox-A, which is an HTML <select> with its selected id and contents at the other place on onChange(). How can I pass the complete combobox …

Read More
How to fire a change event on a HTMLSelectElement if the new value is the same as the old?

I have the following markup: <select onchange="jsFunction()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> When a user pulls down the …

Read More
onchange event on input type=range is not triggering in firefox while dragging

When I played with <input type="range">, Firefox triggers an onchange event only if we drop the slider to a new position where Chrome and others triggers onchange events while the slider is dragged. How can I make …

Read More