Keydown events

A directive for handling certain keys on keydown event
Currently MacGyver supports enter, escape, space, left, up, right and down

Parameters

mac-keydown-enter
Type: Expression
Expression to evaluate on hitting enter

mac-keydown-escape
Type: Expression
Expression to evaluate on hitting escape

mac-keydown-space
Type: Expression
Expression to evaluate on hitting space

mac-keydown-left
Type: Expression
Expression to evaluate on hitting left

mac-keydown-up
Type: Expression
Expression to evaluate on hitting up

mac-keydown-right
Type: Expression
Expression to evaluate on hitting right

mac-keydown-down
Type: Expression
Expression to evaluate on hitting down

Example

Key pressed: {{eventKeydown}}
<input type="text"
   placeholder="keydown"
   mac-keydown-enter="eventKeydown = 'enter'"
   mac-keydown-escape="eventKeydown = 'escape'"
   mac-keydown-space="eventKeydown = 'space'"
   mac-keydown-left="eventKeydown = 'left'"
   mac-keydown-up="eventKeydown = 'up'"
   mac-keydown-right="eventKeydown = 'right'"
   mac-keydown-down="eventKeydown = 'down'"/>
   

Pause Typing

macPauseTyping directive allow user to specify custom behavior after user stops typing for more than (delay) milliseconds

Parameters

mac-pause-typing
Type: Expression
Expression to evaluate after delay

mac-pause-typing-delay
Type: Expression
Delay value to evaluate expression (default 800)

Example

value: {{pauseTypingModel}}
<input type="text" mac-pause-typing="afterPausing($event)">

Windows Resize

Binding custom behavior on window resize event

Parameters

mac-window-resize
Type: Expression
Expression to evaluate on window resize

Example

Current width: {{windowWidth}}