Javascript/Angular - Prevent default action with back button on mobile devices
up vote
1
down vote
favorite
I have create a component with angular 7, which is a kind of full screen modal. The problem is that when you open this modal... on mobile devices you think that you change page... and you press the back button (mobile) to go back. So... you change page without reason. I want simply close the modal by pressing the back button. I manage to catch the back button event, but I can't prevent the default action of change the page
@HostListener('window:popstate', ['$event'])
onPopState(event) {
console.log('Back button pressed');
// 1) Code to close my custon modal
// 2) Prevent redirect
}
javascript angular angular-components pushstate
asked Nov 10 at 21:19
Michalis
1,98612540
add a comment |
up vote
1
down vote
favorite
I have create a component with angular 7, which is a kind of full screen modal. The problem is that when you open this modal... on mobile devices you think that you change page... and you press the back button (mobile) to go back. So... you change page without reason. I want simply close the modal by pressing the back button. I manage to catch the back button event, but I can't prevent the default action of change the page
@HostListener('window:popstate', ['$event'])
onPopState(event) {
console.log('Back button pressed');
// 1) Code to close my custon modal
// 2) Prevent redirect
}
javascript angular angular-components pushstate
asked Nov 10 at 21:19
Michalis
1,98612540
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I have create a component with angular 7, which is a kind of full screen modal. The problem is that when you open this modal... on mobile devices you think that you change page... and you press the back button (mobile) to go back. So... you change page without reason. I want simply close the modal by pressing the back button. I manage to catch the back button event, but I can't prevent the default action of change the page
@HostListener('window:popstate', ['$event'])
onPopState(event) {
console.log('Back button pressed');
// 1) Code to close my custon modal
// 2) Prevent redirect
}
javascript angular angular-components pushstate
asked Nov 10 at 21:19
Michalis
1,98612540
I have create a component with angular 7, which is a kind of full screen modal. The problem is that when you open this modal... on mobile devices you think that you change page... and you press the back button (mobile) to go back. So... you change page without reason. I want simply close the modal by pressing the back button. I manage to catch the back button event, but I can't prevent the default action of change the page
@HostListener('window:popstate', ['$event'])
onPopState(event) {
console.log('Back button pressed');
// 1) Code to close my custon modal
// 2) Prevent redirect
}
javascript angular angular-components pushstate
javascript angular angular-components pushstate
asked Nov 10 at 21:19
Michalis
1,98612540
asked Nov 10 at 21:19
Michalis
1,98612540
asked Nov 10 at 21:19
Michalis
1,98612540
asked Nov 10 at 21:19
Michalis
1,98612540
asked Nov 10 at 21:19
Michalis
1,98612540
1,98612540
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
I found it...
window.history.forward();
answered Nov 10 at 21:24
Michalis
1,98612540
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
I found it...
window.history.forward();
answered Nov 10 at 21:24
Michalis
1,98612540
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
add a comment |
up vote
0
down vote
I found it...
window.history.forward();
answered Nov 10 at 21:24
Michalis
1,98612540
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
add a comment |
up vote
0
down vote
up vote
0
down vote
I found it...
window.history.forward();
answered Nov 10 at 21:24
Michalis
1,98612540
I found it...
window.history.forward();
answered Nov 10 at 21:24
Michalis
1,98612540
answered Nov 10 at 21:24
Michalis
1,98612540
answered Nov 10 at 21:24
Michalis
1,98612540
answered Nov 10 at 21:24
Michalis
1,98612540
1,98612540
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
add a comment |
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
Thank you for posting your answer after you found the solution yourself! Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others.
– lucascaro
Nov 11 at 6:17
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53243511%2fjavascript-angular-prevent-default-action-with-back-button-on-mobile-devices%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
