Comments (7)
Maybe I have to use a plain JavaScript myInput.addEventListener('input', ...)
, but I'm not sure what's the right time/place to do that. I must of course be sure that myInput
is referring to the right input element when the event happens.
from apprun.
I found a solution, and it did not make use of addEventListener
. For each input element, I assigned a unique id, an id that also told where in my state/model the new value should go. In the oninput="app.run(...)"
of the input element I included the id as a parameter, and in the update
handler for that event I could do a document.getElementById(id).value
to get the new value. Then I just had to decode the id to find where to put the value.
from apprun.
The way I usually do is to use the event keyword:
oninput="app.run('input_evt', event)"
You can get the value out of the event target:
update = {
'input_evt': (state, e) => state = e.target.value
}
from apprun.
Thanks. According to MDN: window.event is a proprietary Microsoft Internet Explorer property.
However, it seems to be widely supported.
from apprun.
You can do this too:
oninput="app.run('input_evt', this)"
update = {
'input_evt': (state, el) => state = el.value
}
from apprun.
Of course. Why didn't I think of that? ;-)
from apprun.
View source: https://different-cub.glitch.me
from apprun.
Related Issues (20)
- How to handle file drop? HOT 1
- Update URL in the browser's address bar when SPA component activates HOT 4
- How to avoid triggering components initial event handler on form submit? HOT 2
- Problem using input element with list attribute HOT 2
- No jest in default SPA HOT 1
- Broken Link in docs HOT 1
- Example of child component updating parent's state? HOT 2
- Two-way bound textbox loses focus on input HOT 3
- First page always blank in sample. HOT 1
- Components within HTML string view pattern HOT 4
- Discord link on the website is broken HOT 1
- Can I use other libraries in place of lit-html? HOT 7
- global values created for ESM version HOT 1
- Cannot GET / HOT 4
- How to put 'selected' on <option>? HOT 3
- lit-html code not working in the docs HOT 2
- can we insert any html frame using apprun HOT 4
- `for` attribute on `label`s doesn't work HOT 1
- $binding with Autofill
- Is this still maintained or is there gonna be major version in the future? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from apprun.