Focus and Blur Events in jQuery

Focus and Blur Events in jQuery — a practical guide to jQuery focus blur with clear examples you can reuse in real projects.

jQuery Tutorial Series (25/101). Prefer one article? Read the complete jQuery tutorial.

Short description

focusin/focusout bubble; focus/blur do not.

focus blur

$('input').on('focus', function () {
  $(this).addClass('is-focused');
}).on('blur', function () {
  $(this).removeClass('is-focused');
});