how to cancel the 'ons-back-button' action?

[czpae86]

HI，how to cancel the ‘ons-back-button’ action?

[Fran Diox]

@czpae86 You can use prepop event and call event.cancel() to cancel the pop. Otherwise, ons-back-button has a onClick prop that you can use to add custom behavior (document.querySelector('#my-back-button').onClick = function() { ... };).

[Conan_g]

Can someone confirm if this approach should still work. I’ve tried the following but the console.log won’t show so I don’t think the prepop event still exists. For the record it works with a click handler so the object is querying properly.

page.querySelector('ons-back-button').addEventListener('prepop', function(event){
  console.log('t1');
  event.cancel();
});

[Conan_g]

I did come across the note in the api that it can be cancelled with an onclick event handler so it’s a moot point I suppose.