Ionic how to use event.preventDefault

Ionic Framework ionic-v3
1

i see http://learnangular2.com/events/
but could not stop
What should I do?

2 Likes
2

No one can give me a hint

3

First you need to pass in the event from your view, like this:

View:
<button (click)="myFunction($event, myParam)">Click Me</button

Then you can call event.preventDefault();

Controller:
myFunction(event: Event, myParam: any){
event.preventDefault();
}

1 Like
4

i try it.but not stop

5

I already know how to solve it…i use event.stopPropagation();

7 Likes
6

@beetz12 What about ionic events? like ionChange?

7

Not sure if I understand the question. What about ionic events?

8

ionic events, like ‘ionChange’, not support function ‘preventDefault’.
For example:
I use ion-segments buttons.
When change segment, I want to confirm that user doesn’t have un-saved changes at current segment.
If he has, I display confirm-message, and if user answer ‘not continue’, I want to cancel the segment changing.
I didn’t find any way to do that (except the option to manage the segment by manual-code, with not use ngModel at HTML).

9

stopPropagation() seems to work, preventDefault() NOT

2 Likes
10

Did u get any success? I am also stuck.

11

The tap event has a property srcEvent that has a method stopPropgation. Call that.

<foo (tap)="doTheThing($event)"></foo>

doTheThing(event) {
 event.srcEvent.stopPropagation();
}
3 Likes
12

ok i will try that. Thanks

13

I tried event.stopPropagation() and also event.preventDefault(). It does not work for ionic events like ionSlideNextStart, ionSlideWillChange. Are you suggesting event.srcEvent.stopPropagation() or event.ionSlideNextStart.stopPropagation()?

I tried both. Does not work. Based on some condition (unanswered question), in ionSlideNextStart i need to stop the pager from going to next slide.

Please advise!

14

I tried this and it doesn’t work. :frowning:

15

This is solved with (click)="$event.stopPropagation(); doFunction()"

2 Likes
16

Worked when nothing else did, thank you mxms!