Dragger

Dragger

You can set up drag events in any browser.

Constructor

new Dragger(targets, optionsopt)

Source:

Dragger.ts, line 12

Name	Type	Default	Description
`targets`	Array<Element \| Window> \| Element \| Window
`options`?	DragOptions	`{}`

Methods

isDragging()

Source:

Dragger.ts, line 76

isFlag()

Source:

Dragger.ts, line 82

isPinchFlag()

Source:

Dragger.ts, line 88

isPinching()

Source:

Dragger.ts, line 94

onDragStart()

Source:

Dragger.ts, line 117

scrollBy(deltaX, deltaY, e, isCallDragopt)

Source:

Dragger.ts, line 100

Name	Type	Default	Description
`deltaX`	number
`deltaY`	number
`e`	any
`isCallDrag`?	boolean	`true`

unset()

Source:

Dragger.ts, line 402

Type Definitions

Client

Source:

types.ts, line 15

Properties:

Name	Type	Description
`clientX`	number
`clientY`	number

Type:

TSInterface

Delta

Source:

types.ts, line 31

Properties:

Name	Type	Description
`deltaX`	number
`deltaY`	number

Type:

TSInterface

Dist

Source:

types.ts, line 23

Properties:

Name	Type	Description
`distX`	number
`distY`	number

Type:

TSInterface

DragOptions

Source:

types.ts, line 125

Properties:

Name	Type	Description
`container`?	Window \| Node \| Element
`events`?	Array<"mouse" \| "touch">
`preventRightClick`?	boolean
`preventDefault`?	boolean
`pinchThreshold`?	number
`pinchOutside`?	boolean
`checkInput`?	boolean
`dragstart`?	(options: OnDragStart) => any
`drag`?	(options: OnDrag) => any
`dragend`?	(options: OnDragEnd) => any
`pinchstart`?	(options: OnPinchStart) => any
`pinch`?	(options: OnPinch) => any
`pinchend`?	(options: OnPinchEnd) => any

Type:

TSInterface

Event

Source:

types.ts, line 7

Properties:

Name	Type	Description
`type`	string

Type:

TSInterface

OnDrag

Source:

types.ts, line 60

Properties:

Name	Type	Description
`type`	string
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number
`isDrag`	boolean
`isPinch`	boolean
`movement`	number
`datas`	IObject<any>
`isScroll`	boolean
`inputEvent`	any

Type:

TSInterface

OnDragEnd

Source:

types.ts, line 74

Properties:

Name	Type	Description
`type`	string
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number
`isDrag`	boolean
`isDouble`	boolean
`datas`	IObject<any>
`inputEvent`	any

Type:

TSInterface

OnDragStart

Source:

types.ts, line 49

Properties:

Name	Type	Description
`type`	string
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number
`datas`	IObject<any>
`inputEvent`	any
`isTrusted`	any

Type:

TSInterface

OnPinch

Source:

types.ts, line 98

Properties:

Name	Type	Description
`type`	string
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number
`datas`	IObject<any>
`touches`	Position[]
`rotation`	number
`angle`	number
`scale`	number
`distance`	number
`movement`	number
`inputEvent`	any

Type:

TSInterface

OnPinchEnd

Source:

types.ts, line 114

Properties:

Name	Type	Description
`type`	string
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number
`isPinch`	boolean
`datas`	IObject<any>
`touches`	Position[]
`inputEvent`	any

Type:

TSInterface

OnPinchStart

Source:

types.ts, line 86

Properties:

Name	Type	Description
`type`	string
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number
`datas`	IObject<any>
`touches`	Position[]
`angle`	number
`inputEvent`	any

Type:

TSInterface

Position

Source:

types.ts, line 42

Properties:

Name	Type	Description
`deltaX`	number
`deltaY`	number
`distX`	number
`distY`	number
`clientX`	number
`clientY`	number

Type:

TSInterface