NavigationCurrentEntryChangeEvent
The NavigationCurrentEntryChangeEvent
interface of the Navigation API is the event object for the currententrychange
event, which fires when the Navigation.currentEntry
has changed.
This event will fire for same-document navigations (e.g. back()
or traverseTo()
), replacements (i.e. a navigate()
call with history
set to replace
), or other calls that change the entry's state (e.g. updateCurrentEntry()
, or the History API 's History.replaceState()
).
This event fires after the navigation is committed, meaning that the visible URL has changed and the NavigationHistoryEntry
update has occurred. It is useful for migrating from usage of older API features like the hashchange
or popstate
events.
Event
NavigationCurrentEntryChangeEvent
Constructor
NavigationCurrentEntryChangeEvent()
Experimental
Creates a new NavigationCurrentEntryChangeEvent
object instance.
Instance properties
Inherits properties from its parent, Event
.
from
Read only Experimental
Returns the NavigationHistoryEntry
that was navigated from.
navigationType
Read only Experimental
Returns the type of the navigation that resulted in the change.
Examples
Navigation data reporting:
navigation. addEventListener ( "currententrychange" , ( ) => {
const data = navigation. currentEntry. getState ( ) ;
submitAnalyticsData ( data. analytics) ;
} ) ;
Setting up a per-entry event:
navigation. addEventListener ( "currententrychange" , ( ) => {
navigation. currentEntry. addEventListener ( "dispose" , genericDisposeHandler) ;
} ) ;
Specifications
Browser compatibility
Desktop
Mobile
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
WebView Android
Chrome Android
Firefox for Android
Opera Android
Safari on IOS
Samsung Internet
NavigationCurrentEntryChangeEvent
102
102
No
No
88
No
102
102
No
70
No
19.0
NavigationCurrentEntryChangeEvent
102
102
No
No
88
No
102
102
No
70
No
19.0
from
102
102
No
No
88
No
102
102
No
70
No
19.0
navigationType
102
102
No
No
88
No
102
102
No
70
No
19.0
See also