Javascript Sayfa Yenileme Engelleme

Ocak 18, 2022 Yazarı Admin 0

Javascript Jquery kütüphanesinde bulunan fonksiyon sayesinde sayfa yenileme işlemini engelleyebiliyoruz. Klavyeden F5 tuşu yada Ctrl+R kombinasyonlarını engelleyebiliyoruz. Benim işime yaramıştı ve kullanmıştım belki sizinde bir noktada işinize yarayabilir diye kodları bırakacağım.

Javascript Sayfa Yenileme iptali

Bunun için jquery sayfamıza dahil edeceğiz. <body> taglarınızı kapatmadan önce jqueryi ekliyoruz sayfamıza.

<script src="assets/js/jquery.min.js"></script>

Jqueryi sayfamıza dahil ettikten sonra, şimdi ise javascript kodlarımızı yazmak için harici bir dosya oluşturuyoruz. Misal dosya ismi “page_reload_stop.js” olsun. Dosyamızı açıp kodlarımızı içine yazıyoruz.

//F5 iptali
$(document).ready(function() {

    $(window).keydown(function(event){
  
      if(event.keyCode == 116) {
        event.preventDefault();
        return false;
      }
    });
  });


// Ctrl + r iptali
onkeydown = e => {
    if(e.key === 'r' && e.ctrlKey){
      e.preventDefault();
      console.log('ctrl + r')
      }
}

Son olarak sayfamıza dahil ediyoruz. Şu şekilde olacak.

<script src="assets/js/jquery.min.js"></script>

<script src="assets/js/page_reload_stop.js"></script>

Translate »