for more information visit the package's GitHub page
Package contains the following modules:
Event handlers for sending content and triggering actions with keypresses.
elm package install kmbn/elm-hotkeys
import Hotkeys
exposing
( onEnter
, onEnterSend
, onKeyCode
)
import Html exposing (div, input)
import Hotkeys exposing (onEnter, onEnterSend, onKeyCode)
type Msg
= EnterWasPressed
| NewContent
html =
div []
[ input [ onKeyCode 13 EnterWasPressed ] []
, input [ onEnter EnterWasPressed ] []
, input [ placeholder "Enter new content", onEnterSend NewContent ] []
]
See ../examples/onEnterSend.elm
for a working example of onEnterSend
.
Construct an event handler for any keycode. Send a Msg when the given key is pressed.
(You can use http://keycode.info to find the keycode for a given key.)
Send a Msg when enter is pressed. This is a convenience function that wraps onKeyCode
.
Send content only when enter is pressed. Do not send anything beforehand.
This is an alternative to using Html.Events.onInput
to update the model with incomplete content on every keystroke and then using another event handler to indicate that the content collected in the model is now complete.
Instead, we only send content to update
when the content is ready to be consumed.
MIT
© 2018 Kevin Brochet-Nguyen