Creating hold and drag effects for across devices
| Name | Default | Description |
|---|---|---|
id |
unique |
id for clarifying each instance |
grab |
true |
enable grab event |
type |
all |
support "mouse", "touch" or "all" for both |
| --- | -- | -- |
events.mousedown:(self) => {} |
function |
|
events.mousemove:(self) => {} |
function |
|
events.mouseup:(self) => {} |
function |
|
| --- | -- | -- |
events.touchstart:(self) => {} |
function |
|
events.touchmove:(self) => {} |
function |
|
events.touchend:(self) => {} |
function |
|
| --- | -- | -- |
events.down:(self) => {} |
function |
shared events, for both mouse or touch events |
events.move:(self) => {} |
function |
|
events.up:(self) => {} |
function |
|
| --- | -- | -- |
events.grab:(self) => {} |
function |
grab events |
| Name | Parameter | Description |
|---|---|---|
create |
object |
create the instance |
get |
id |
get the instance |
destroy |
instance |
destroy the instance |
| Name | Parameters | |
|---|---|---|
on |
(name, callback) |
trigger events |
destroy |
() |
destroy instance |
Run ./dev in live server
npm run devBuild files from ./src to ./dist for production
npm run prodBuild files from ./src and ./dev to ./dist for production
npm run build