« Data-Action Aliases Test

Single delegation pattern with semantic data-action attributes using aliases

🎯 The Pattern

Single delegation setup:

super({ 'body': ['click', 'input'] }, {
  click: {
    save: 'handleFormSave',
    login: 'handleUserLogin',
    delete: 'handleItemDelete'
  },
  input: {
    search: 'handleSearchInput',
    validate: 'handleFieldValidation'
  }
});

HTML:
<button data-action="save">Save</button> → handleFormSave()
<input data-action="search" /> → handleSearchInput()

🔘 Click Actions with Aliases

Click any button above...

📝 Input Actions with Aliases

Type in any input above...

📊 Mixed Actions

Same action names work differently based on event type:

Same action, different events...

📈 Action Log

Action history will appear here...