كيف يمكن ربط وضيفة معينة عند النقر على احد علامات النافگيشن الخاصة بالمتصفح

يمكنك استخدام حدث window.onpopstate للاستجابة للتغييرات في تاريخ التصفح الخاص بالمتصفح، والتي يتم تنشيطها عندما يتم الانتقال إلى صفحة جديدة أو العودة إلى الصفحة السابقة باستخدام أزرار التصفح المدمجة في المتصفح.

هنا مثال بسيط على كيفية استخدام window.onpopstate:

window.addEventListener("popstate", (event) => {
  console.log(`location: ${document.location}`);
});

أفضل طريقة حاليًا هي استخدام performance.getEntriesByType مع PerformanceElementTiming كالتالي:

window.addEventListener('load', function () {
  if (window.PerformanceNavigationTiming) {
    const navigationEntries = performance.getEntriesByType('navigation');
    if (navigationEntries.length > 0) {
      var navigationEntryType = navigationEntries[0].type;
      if (navigationEntryType === 'back_forward') {
        alert('back_forward triggered');
      }
    }
  }
});