Bagaimana Membezakan Klik Butang Belakang daripada Muat Semula Penyemak Imbas dan Acara Lain?

Cara Mengesan Klik Butang Belakang dalam Pelayar

Mengesan klik butang belakang dalam penyemak imbas, terutamanya dalam aplikasi web yang memanfaatkan AJAX, memberikan cabaran . Walaupun acara window.onbeforeunload biasanya digunakan untuk tujuan ini, ia juga dicetuskan pada tindakan lain seperti muat semula penyemak imbas, yang tidak diingini.

Penyelesaian:

Nasib baik, ada penyelesaian elegan yang membezakan klik butang belakang dengan berkesan daripada muat semula dan acara lain. Berikut ialah kod yang diubah suai yang menangani isu ini:

<code class="javascript">window.onload = function () {
  if (typeof history.pushState === "function") {
    history.pushState("jibberish", null, null);
    window.onpopstate = function () {
      history.pushState("newjibberish", null, null);
      // Handle back button clicks here
    };
  } else {
    // For older browsers that don't support `pushState`
    var ignoreHashChange = true;
    window.onhashchange = function () {
      if (!ignoreHashChange) {
        ignoreHashChange = true;
        window.location.hash = Math.random();
        // Handle back button clicks here
      } else {
        ignoreHashChange = false;
      }
    };
  }
};</code>

Penyelesaian ini berfungsi merentas Chrome dan Firefox, memberikan cara yang lebih tepat untuk mengesan klik butang belakang sambil mengelakkan kemungkinan pencetus palsu.

Atas ialah kandungan terperinci Bagaimana Membezakan Klik Butang Belakang daripada Muat Semula Penyemak Imbas dan Acara Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!