Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics (2014) Creating a Mobile Drop Down Menu Perfect

Posted by Ziyu Zhou
Ziyu Zhou
739 Points

What's the difference between blur() and change()?

Can somebody tell me in a simple way? Thanks!!

3 Answers

Chyno Deluxe
Chyno Deluxe
16,936 Points
Chyno Deluxe
Chyno Deluxe
16,936 Points

the blur() function will fire when the element no longer has focus. the change() function will run when the value of the element is changed.

Austin Lavier
Austin Lavier
3,949 Points
Austin Lavier
Austin Lavier
3,949 Points

Another way of looking at it is that blur() returns true when when the element does not have focus and change() returns true if the element's value has changes.

If element does not have focus, blur() returns true. If element's value changes, change() returns true.

Ziyu Zhou
Ziyu Zhou
739 Points
Ziyu Zhou
Ziyu Zhou
739 Points

Thanks guys, really useful answer :)