Learn jQuery: Event Handlers
In this course, you will learn how to link an event to effects using jQuery event handlers.
Start
Key Concepts
Review core concepts you need to learn to master this subject
jquery on event listeners
jquery event object
jquery event.currentTarget attribute
jquery on method chaining
jquery on method
jquery on event listeners
jquery on event listeners
// A mouse event 'click'
$('#menu-button').on('click', () => {
$('#menu').show();
});
// A keyboard event 'keyup'
$('#textbox').on('keyup', () => {
$('#menu').show();
});
// A scroll event 'scroll'
$('#menu-button').on('scroll', () => {
$('#menu').show();
});jQuery .on() event listeners support all common browser event types such as mouse events, keyboard events, scroll events and more.
Mouse Events
Lesson 1 of 1
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
Learn jQuery: Event Handlers
Start