Can I run jQuery function and on load and on change?

jquery events onload
Braggae picture Braggae · Jul 29, 2013 · Viewed 10.1k times · Source

I want to run a script on page load first time (for default value of select element), and then on each change of select element. Is it possible to do it in one line, or do I need to duplicate function for this events?

I know that I can use next structure:

$('#element').on('keyup keypress blur change', function() {
    ...
});

But it doesn't seem to support load event.

Any ideas?

Answer

A. Wolff picture A. Wolff · Jul 29, 2013

If i understand what you mean, just trigger any one of these events:

$('#element').on('keyup keypress blur change', function() {
    ...
}).triggerHandler('keyup'); //or trigger('keyup') or keyup() which then let event propagate

Related questions

Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More
jQuery multiple events to trigger the same function

Is there a way to have keyup, keypress, blur, and change events call the same function in one line or do I have to do them separately? The problem I have is that I need to validate some data with …

Read More