'Using preventDefault in Elm

How do I use preventDefault in elm? Say on a keyboard event:

keyDown keyCode model =
    case keyCode of

        13 -> -- Enter key
            model

if we don't want the default behaviour?

Html.Events has methods for it, but I don't understand how to use it in practice.

elm


Solution 1:[1]

@Tosh has shown how to stop event propagation and prevent default behaviour in his answer.

If your specific case is to prevent default behaviour only on Enter but not on any other keys, this is currently not possible in Elm—you'll have to resort to Ports and JS.

Solution 2:[2]

You can now use the library elm-community/html-extra for that, it provides you the onClickPreventDefault and onClickStopPropagation functions.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 boxed

Related Questions