Skip to content
On this page

Observers

This set of mixins is built around the Observer APIs and custom events to enhance your controllers with new behaviors.

MixinDescriptionNEW Callbacks
useClickOutsideTracks the clicks outside of the element and adds a new lifecycle callback clickOutside.clickOutside
useHoverTracks the user's mouse movements over an element and adds mouseEnter and mouseLeave callbacks to your controller.mouseEnter mouseLeave
useIdleTracks if the user is idle on your page and adds away and back callbacks to your controller.away
back
useIntersectionTracks the element's intersection and adds appear, disappear callbacks to your controller.appear
disappear
useMutationTracks mutations on an element, its attributes and/or subtree. Adds a mutate callback to your controller.mutate
useResizeTracks the element's size and adds a new lifecycle callback resize.resize
useTargetMutationTracks when targets are added or removed from the controller's scope, or their contents changed. Adds [target]TargetAdded , [target]TargetRemoved and [target]TargetChanged callback to your controller for each specified target.[target]TargetAdded [target]TargetRemoved [target]TargetChanged
useVisibility
Tracks the page visibility and adds visible, invisible callbacks to your controller.visible
invisible
useWindowResizeTracks the size of the window object and adds a new lifecycle callback windowResize.windowResize