menu

Ionic Events


Ionic Events: Ionic provides inbuilt events which can be used frequently. Here we are going to explain the ionic Events. Below is list of ionic Events.


Ionic Events Example | Syntax | Demo

List of Ionic Events –

EventDescription
on-holdThis is called when touch stays at same place for 500ms.
on-tapThis is called on Quick touch when touch is less than 250ms.
on-double-tapThis is called when double tap touch.
on-touchThis is called immediately when user touches.
on-releaseThis event is called when user ends touch.
on-dragThis is called when drag event occurs.
on-drag-upThis is called when element is dragged up.
on-drag-rightThis is called when element is dragged right.
This is called when element is dragged down
on-drag-leftThis is called when element is dragged left
on-swipeThis is called when touch has high moving velocity.
on-swipe-upThis is called when touch has high moving velocity in up.
on-swipe-rightThis is called when touch has high moving velocity in right.
on-swipe-leftThis is called when touch has high moving velocity in left.
on-swipe-downThis is called when touch has high moving velocity in down.

The above methods can be used frequently in your project.

How to use Events in Ionic?

You can call your defined function on any event defined above. Here we are going to explain some with example.

Call Function on ionic Events

The above function will be called when you touch the button. The function will generate the alert message on touch event.

Advertisements