javascript F5とctrl+rでのリロードを禁止する

2020.08.06
javascript
javascript

javascriptでF5キーとctrl+rキーをキャンセルすることでリロードを禁止させるサンプルコードとなります。

1. 環境
2. サンプルコード

環境

OS windows10 pro 64bit
Apache 2.4.43

※windows10にApacheのインストールはこちら

サンプルコード

F5キーとctrl+rキーのkeydownイベント時に動作をキャンセルすることで無効化します。

var key = false;

document.addEventListener('keydown', function(e){

  if(e.ctrlKey) key = true;  
  if((e.which || e.keyCode) == (82 && key) || 116) e.preventDefault(); //動作をキャンセル 
  
});

var key = false;

document.addEventListener('keydown', function(e){

if(e.ctrlKey) key = true;

if((e.which || e.keyCode) == (82 && key) || 116) e.preventDefault(); //動作をキャンセル

});

javascript F5とctrl+rでのリロードを禁止する

環境

サンプルコード

Rails6 cssフレームワーク「Base」を使用する手順 2020.08.06

Rails6 Material Design for Bootstrapを使用する手順 2020.08.06