marcandre
I notice that most events have bindings (e.g. phx-keyup) but not the input event.
The input event is the preferred way to interact with an input. For a text input, the keyup and input events will typically correspond, but not always. Example: pressing arrow keys, or command-A triggers keyup but no input. Selecting the “Cut” or “Paste” menu items will generate an input even but no keyup.
Trending in Proposals: Ideas
Other Trending Topics
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve.
They are GUI (Emerge) and State management (S...
New
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #phoenix_html
- #iex
- #graphql
- #ai
- #genstage
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex










First 6 of 6 Posts
LostKobrakai
Does
phx-changework?marcandre
No,
inputis triggered for every changes, before they are “committed”, whilechangeis triggered when it’s committed (e.g. you tab out the text field). That’s why I compared it tokeyup; you might get a bunch ofkeyupbefore there’s achangeevent.Another example, the color input presents a modal with a color wheel. It triggers
inputevents whenever you select a color, andchangeonly when you click on “ok”.chrismccord
phx-changeon a form or input is effectively theinputlistener. (We literally bind to"input"), so phx-change should give you what you want.marcandre
Note that I couldn’t find this information anywhere in the doc.
Please consider renaming the hook
phx-inputas it is literally what it does. Looking at the source, there’s binding on both “input” and “change”, with de-dupping that should actually never use the “change” binding, unless the user triggers manually a “change” event without an “input” event to precede it (in which case the next “input” event will actually be wrongly ignored by phoenix)marcandre
I believe this PR fixes the potential minor issue I was mentioning.
magiclouie
I am with you.
Your observation about renaming the
phx-changetophx-inputmakes sense, considering the underlying binding to the “input” event. It would also provide clarity and consistency for developers when reading the code and documentation.