PopStateEventインターフェイス

　PopStateEventインターフェイスは、web ページを閲覧した履歴に関する event イベントオブジェクトが定義された Event インターフェイスです。

　この Event インターフェイスによる event オブジェクトは popstate イベントによって捉えることができます。popstate イベントは履歴に変更があると発生するイベントです。

window.addEventListener("popstate", (event) => {
  console.log( event.state );
  );
});

　Event インターフェイスを継承していますので、Event インターフェイスのPropertyとMethod、Eventタイプが使えます。

PopStateEvent 継承図

　popstate イベントは window オブジェクトのイベントです。history.pushState() や history.replaceState() メソッドの実行によっても発生します。

プロパティ(Properties)

　以下は PopStateEvent インターフェイスのプロパティです。

Property
.state	履歴の変更の状態

　Event インターフェイスから継承されたプロパティも利用できます。

　PopStateEvent インターフェイスのプロパティは以下のように使用します。

window.addEventListener("popstate", (event) => {
  console.log( event.state );
});

　独自のメソッドはないです。

　Event インターフェイスから継承されたメソッドが利用できます。

　PopStateEvent インターフェイスの event オブジェクトは、popstate イベントを捉えることで得られるオブジェクトです。
　popstate イベントは window に設定してwebページの履歴が変化するイベントを捉えます。

　以下はイベントの使用方法の例です。

window.onpopstate = function( event ){ console.log( event ); };

window.addEventListener("popstate", ( event )=>{
	console.log( event );
});

　window は省略可能です。

onpopstate = function( event ){ console.log( event ); };