Interactive examples showcasing specific YpsilonEventHandler features
Test how event listeners register on ALL matching elements, not just the first one. Essential for proper delegation patterns.
Try QuerySelectorAll →Event-type scoped aliases for handler methods. Map semantic names like "save" to "handleFormSave" with no conflicts between event types.
Test Aliases →Ultimate delegation pattern using data-action attributes with aliases. Single listeners handle infinite elements with semantic HTML.
Explore Data-Actions →Comprehensive patterns for custom event dispatch including workflows, notifications, game events, and component communication.
See Dispatch Patterns →Interactive testing tool for dynamically adding, removing, and checking event listeners. Perfect for understanding runtime event management.
Test Dynamic Events →Test the new flexible handler resolution with methods object and global fallback. Revolutionary approach to handler organization and plugin systems.
Test Resolution →Vue.js-inspired methods object pattern for clean handler organization. Perfect for modular code and team collaboration.
See Methods Pattern →
These examples demonstrate specific features of YpsilonEventHandler.
For comprehensive learning, check out the SPA Demo
and Core Patterns.