Comments (3)
By default, events send some information back to the server, as described in docs here - https://hexdocs.pm/drab/Drab.Commander.html#content - so you can have the value, text, html etc of the sender DOM object. Maybe it is a good idea to add the event object here, so you could read its properties. I'll think about it.
The simple example is here https://tg.pl/drab#broadcast - but it launch the event on every key press. From the performance perspective, it would be nice to have some kind of "throttle" event, which is launched on the JS side when user stop pressing the keys with some delay, like 0.5 second. I will add it to the TODO
from drab.
Thank you @grych
from drab.
Added in v0.2.6
- added event object with specified properties to the dom_sender
- added
debounce
function as an option to the event handler
from drab.
Related Issues (20)
- Drab resets scroll position when updating DOM HOT 1
- Unable to join the Drab Channel {reason: "join crashed"} HOT 2
- Does `broadcast_poke` pass "origin" socket's assigns to all browers? HOT 4
- sender always return true for checkbox
- function Phoenix.HTML.Engine.fetch_assign/2 is undefined or private HOT 17
- (ArgumentError) assign @xxx not available in eex template. HOT 7
- Compact log message HOT 13
- Important information about Tomasz (I am his colleague) HOT 4
- ReferenceError: event is not defined in FireFox HOT 9
- Cohabitation with LiveView
- Drab is unable to find the endpoint of ':cool_interface'. HOT 6
- this.Socket is not a constructor HOT 3
- Support for hot code upgrade in production HOT 1
- Browser Support HOT 6
- exec_js return type unmatched when using dialyzer HOT 2
- partials do not work HOT 6
- mismatch template HOT 7
- drab-click in nested templates HOT 10
- Support Phoenix 1.5 HOT 3
- Is it possible to use drab without elixir? 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 drab.