Back to Main Examples

Feature Demonstrations

Interactive examples showcasing specific YpsilonEventHandler features

🎯

QuerySelectorAll Support

Test how event listeners register on ALL matching elements, not just the first one. Essential for proper delegation patterns.

Try QuerySelectorAll →
🔀

Method Aliases

Event-type scoped aliases for handler methods. Map semantic names like "save" to "handleFormSave" with no conflicts between event types.

Test Aliases →
📋

Data-Action Aliases

Ultimate delegation pattern using data-action attributes with aliases. Single listeners handle infinite elements with semantic HTML.

Explore Data-Actions →
🎨

Custom Event Dispatch

Comprehensive patterns for custom event dispatch including workflows, notifications, game events, and component communication.

See Dispatch Patterns →

Dynamic Event Management

Interactive testing tool for dynamically adding, removing, and checking event listeners. Perfect for understanding runtime event management.

Test Dynamic Events →

These examples demonstrate specific features of YpsilonEventHandler.
For comprehensive learning, check out the SPA Demo and Core Patterns.