miso
Copyright(C) 2016-2025 David M. Johnson
LicenseBSD3-style (see the file LICENSE)
MaintainerDavid M. Johnson <code@dmj.io>
Stabilityexperimental
Portabilitynon-portable
Safe HaskellNone
LanguageHaskell2010

Miso.Html.Event

Description

 
Synopsis

Mouse

onClick :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/click

onClickWith :: (DOMRef -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/click Like onClick, but passes the DOM reference along (akin to getElementById).

onClickWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/click

onDoubleClick :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dblclick

onDoubleClickWith :: (DOMRef -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dblclick

onDoubleClickWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dblclick

onMouseDown :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/mousedown

onMouseUp :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/mouseup

onMouseEnter :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/mouseenter

onMouseLeave :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/mouseleave

onMouseOver :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/mouseover

onMouseOut :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/mouseout

onContextMenuWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/contextmenu

This can be used to disable right-click context menu from appearing

div_ [ onContextMenuWithOptions NoOp defaultOptions { preventDefault = False } ] [ ]

Since: 1.9.0.0

Keyboard

onKeyDown :: (KeyCode -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/keydown

onKeyDownWithInfo :: (KeyInfo -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/keydown

onKeyPress :: (KeyCode -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/keypress

onKeyUp :: (KeyCode -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/keyup

onEnter Source #

Arguments

:: action

The action to call when the keydown *is not* 13 (typically NoOp or Id)

-> action

The action to call when keydown *is* 13.

-> Attribute action 

onEnter

A convenience function for processing the Enter key.

data Action = NoOp | OnEnter

type Model = Int

view :: Model -> View model Action
view entryId = input_ [ onEnter NoOp OnEnter ]

Since: 1.9.0.0

Form

onInput :: (MisoString -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/input

onChange :: (MisoString -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/change

onChangeWith :: (MisoString -> DOMRef -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/change

onChecked :: (Checked -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/change

onSubmit :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/submit

Note: This has preventDefault enabled by default.

Focus

onBlur :: action -> Attribute action Source #

blur event defined with custom options

https://developer.mozilla.org/en-US/docs/Web/Events/blur

onFocus :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/focus

Drag

onDrag :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/drag

onDragWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/drag

onDragLeave :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragleave

onDragLeaveWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragleave

onDragEnter :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragenter

onDragEnterWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragenter

onDragEnd :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragend

onDragEndWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragend

onDragStart :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragstart

onDragStartWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragstart

onDragOver :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragover

onDragOverWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/dragover

Drop

onDrop :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/drop

onDropWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/drop

Select

onSelect :: (MisoString -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/select

Pointer

onPointerDown :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointerdown

onPointerUp :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointerup

onPointerEnter :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointerenter

onPointerLeave :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointerleave

onPointerOver :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointerover

onPointerOut :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointerout

onPointerCancel :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointercancel

onPointerMove :: (PointerEvent -> action) -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/pointermove

Media

onAbort :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_abort.asp

onAbortWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_abort.asp

onCanPlay :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_canplay.asp

onCanPlayWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_canplay.asp

onCanPlayThrough :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_canplaythrough.asp

onCanPlayThroughWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_canplaythrough.asp

onDurationChange :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_durationchange.asp

onDurationChangeWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_durationchange.asp

onEmptied :: action -> Attribute action Source #

https://www.w3schools.com/jsref/event_onemptied.asp

onEmptiedWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/jsref/event_onemptied.asp

onEnded :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_ended.asp

onEndedWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_ended.asp

onError :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_error.asp

onErrorWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_error.asp

onLoadedData :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_loadeddata.asp

onLoadedDataWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_loadeddata.asp

onLoadedMetadata :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_loadedmetadata.asp

onLoadedMetadataWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_loadedmetadata.asp

onLoadStart :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_loadstart.asp

onLoadStartWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_loadstart.asp

onPause :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_pause.asp

onPauseWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_pause.asp

onPlay :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_play.asp

onPlayWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_play.asp

onPlaying :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_playing.asp

onPlayingWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_playing.asp

onProgress :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_progress.asp

onProgressWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_progress.asp

onRateChange :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_ratechange.asp

onRateChangeWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_ratechange.asp

onSeeked :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_seeked.asp

onSeekedWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_seeked.asp

onSeeking :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_seeking.asp

onSeekingWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_seeking.asp

onStalled :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_stalled.asp

onStalledWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_stalled.asp

onSuspend :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_suspend.asp

onSuspendWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_suspend.asp

onTimeUpdate :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_timeupdate.asp

onTimeUpdateWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_timeupdate.asp

onVolumeChange :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_volumechange.asp

onVolumeChangeWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_volumechange.asp

onWaiting :: action -> Attribute action Source #

https://www.w3schools.com/tags/av_event_waiting.asp

onWaitingWith :: (Media -> action) -> Attribute action Source #

https://www.w3schools.com/tags/av_event_waiting.asp

Touch

onTouchStart :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchstart

onTouchStartWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchstart

onTouchEnd :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchend

onTouchEndWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchend

onTouchMove :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchmove

onTouchMoveWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchmove

onTouchCancel :: action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchcancel

onTouchCancelWithOptions :: Options -> action -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Web/Events/touchcancel