hx-trigger with "change" vs "input" event.

[bennadel]

I've noticed that both in the Hypermedia Systems book and in may of the examples in the wild, the hx-trigger attribute on an input element often uses the change event, not the input event. I understand the mechanical difference between the two types of events (one fires on any value change while the other fires only when the field loses focus). But, it seems that people use the change event in conjunction with the keyup event, which feels like it can just be replaced with the input event.

For example, in the book:

https://hypermedia.systems/htmx-patterns/#_ignoring_non_mutating_keys

... he uses change, keyup delay:200ms changed. Why not just use input delay:200ms. I feel like this would accomplish the same thing; so, I'm wondering if there's something I'm just missing.

If it were just this one time, I'd attribute it to a teaching moment (meaning, he's using this to help showcase the "changed" modifier). But, I see this same pattern a lot in the wild; so I think it must be something I'm just not understanding.

Thanks!

[Telroshan]

Hey, I'd say you're completely right, the input event has been mentioned a few times in issues/PRs in the htmx repo:

• Documentation update for hx-trigger #3246
• Replace keyup with input event #1952
• Keyup doesn't get triggered from contenteditable divs #471

Disclaimer: I didn't participate on the hypermedia systems book, but it's likely that those were simply written out of habit, where the authors were not used to the input event.
I seem to recall that everytime the input event was brought up in Discord discussions or issues/PRs, it just made total sense and we added it in.

As the book is available on this repository, I can't speak for its maintainers of course, but I'd say feel free to open an issue/PR out there and see how it goes!

Hope this helps

[bennadel]

@Telroshan thank you for the insightful response. I'm just glad to see that I'm not missing something subtle about the way things are working. I'm new to HTMX, so I thought it would be fun to translate the Contacts app in the book over to my "HOWL" of choice, ColdFusion. In my translation, I end up using the input, but point back to this issue in my discussion. I'll update that with a note on this outcome.

As an aside, I've been going through the Discussion just trying to get a sense of the landscape and I see that you answer a lot of the questions that people have. So, I just wanted to say thank you for all your hard work, it's been very useful! You rock :D

[Telroshan]

Thanks for the kind word! ❤️ I try my best to be helpful out there so feedback like this is always really appreciated😄

[bennadel]

@Telroshan of course! This repo clearly follows the 80/20 rule, where 80% of the work is done by 20% of the people. You make the machinery work! 💪