URLパラメータが変更されたときのリスナーイベント

Question

ページングとフィルタを備えた1ページのアプリケーションがあり、現在のURLが変更されたときを検出する必要があります。現在のURLにリスナーを追加し、変更時に何かをトリガーする簡単な方法はありませんか？ （設定なし間隔はどちらか！）ユーザーが

My機能が

を実行しますwww.foobar.com?filter=helloために何か、URLの変更を行いますwww.foobar.com

上

1. ユーザーの土地は、

   私はonhashchangeを試してみて、unbeforeunloadを試しましたが、どちらもこれには関係ありません。

   window.onbeforeunload = function(e) { 
       alert ('url changed!'); 
   }; 
   
   window.onhashchange = function() { 
   alert ('url changed!'); 
   } 
   

   URLにリスナーを追加する方法はありますか？また、変更するときはいつでも何かをトリガーしますか？ （再び、単一ページアプリありませんのでリフレッシュ）

Answer 1

あなたがたsetIntervalを使用したくない場合は、history.pushStateイベントオーバーライドすることができます：[JavaScriptでURLの変更を検出する方法]の

(function(history){ 
    const pushState = history.pushState; 
    history.pushState = function(state) { 
     if (typeof history.onpushstate == "function") { 
      history.onpushstate({state: state}); 
     } 
     // Call your custom function here 
     return pushState.apply(history, arguments); 
    } 
})(window.history);