Question 1

How do I set up event delegation in Knockout without jQuery?

Accepted Answer

Use the `delegatedHandler` binding on a parent element and specify handlers via `data-*` attributes or bindings. The plugin handles event delegation natively within Knockout, eliminating jQuery dependency, as shown in the examples with `data-click` attributes.

Question 2

Knockout delegated events vs standard Knockout click binding – which is better for performance?

Accepted Answer

Delegated events are superior for dynamic content with many elements, as they attach a single listener to a parent, reducing memory overhead. Standard bindings add listeners to each child, which can be slower for large lists or tables.

Question 3

Can I use knockout-delegatedEvents with Knockout 3.0?

Accepted Answer

Yes, the plugin depends on Knockout 2.0+, so it's compatible with Knockout 3.0. Ensure you include the correct version and follow the setup in the README, which mentions dependencies but not specific version conflicts.

Question 4

How to handle keyboard events like keypress with this plugin?

Accepted Answer

Specify events like 'keypress' in the `delegatedHandler` binding array. However, for modifiers like the Enter key, you'll likely need to inspect the event object in your handler, as advanced support is limited per the TODO section.

Question 5

What happens if I have multiple handlers with the same name in knockout-delegatedEvents?

Accepted Answer

The plugin checks `ko.actions` first, then searches up the binding context ($parents). This can cause ambiguity, so the README recommends using `ko.actions` for descriptive aliases or managing context carefully to avoid conflicts.

Question 6

Is there a way to stop event bubbling by default in this plugin?

Accepted Answer

Yes, by default, events stop bubbling after handling. To allow bubbling, use `delegated*Bubble` bindings set to true, or control it programmatically in the handler via the event object, as described in the bubbling control section.

Delegated Events

What is Delegated Events?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions