Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีปิดใช้งานปุ่ม Back ของเบราว์เซอร์ด้วย JavaScript

ใช้ window.history.forward() ร่วมกับ event handlers เพื่อป้องกันการย้อนกลับ

หน้าปัจจุบัน (current page):

<html>
  <head>
    <title>Disable Browser Back Button</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  </head>
  <body>
    <a href="newpage.html">Next Page</a>
  </body>
  <script>
    $(document).ready(function() {
      function disablePrev() { window.history.forward() }
      window.onload = disablePrev();
      window.onpageshow = function(evt) { if (evt.persisted) disablePrev() }
    });
  </script>
</html>

หน้า newpage.html:

<html>
  <body>
    Go to back page using web browser back button.
  </body>
</html>

ข้อควรระวัง: วิธีนี้เป็นการ hack ไม่ได้มาตรฐาน อาจไม่ทำงานในบางเบราว์เซอร์ และขัดกับ UX ที่ดี