実現したいこと
画像のキャプチャー防止のために、snipping toolなどの起動を禁止したいです。
(onblurになった瞬間リフレッシュしたい(データベースでフラグ管理をしているのでリフレッシュすると画像が消える))
しかしwindows.onblurを使ってしまうと右クリックにすらonblurと検知してしまい、ちょっとやりすぎです。
なので右クリックを例外にしたwindows.onblurを使いたいです。
発生している問題・エラーメッセージ
右クリックがwindows.onblurに検出されてしまう。
改善したい部分のソースコード
右クリックに反応してしまいます。
javascript
1window.onblur = blur; 2function blur() { 3 location.reload(); 4 window.onblur = ''; 5}}
どうやれば右クリックをこれの例外として扱えるのか教えてほしいです。
テスト環境で使っているphpファイル
php
1<!doctype html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <title>show_pic test</title> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta http-equiv="Pragma" content="no-cache"> 9 <meta http-equiv="Cache-Control" content="no-cache"> 10 11 <script> 12 13//インターバル使ってコンテクストメニューのループ 14 function resetDisableCon(){ 15 document.oncontextmenu = function () {return false;} 16 document.getElementsByTagName('html')[0].oncontextmenu = function () {return false;} 17 document.body.oncontextmenu = function () {return false;} 18 } 19 20 setInterval("resetDisableCon()", 100); 21 22 23//blurイベント ブラウザのfocusが2回外れたときにリロード(右クリックもfocus外れる対象で要改善) 24 window.onblur = blurEvent; 25 var n=0; 26function blurEvent() { 27 n++; 28 if(n>=2){ 29 location.reload(); 30 // alert("blur event detected!"); 31 window.onblur = ''; 32}} 33 34//windows、macのctrl shift altスクショとかのキー検出でリロード 35document.addEventListener('keydown', (event) => { 36 37 if (event.shiftKey == true || event.ctrlKey == true || event.altKey == true) { 38 location.reload(); 39 // alert("keydown detected!"); 40 }}, false); 41 42 43document.addEventListener('keyup', (event) => { 44 45 if (event.shiftKey == false && event.ctrlKey == false && event.altKey == false) { 46 location.reload(); 47 48 }}, false); 49 </script> 50</head> 51<body> 52 53 <main> 54 <img src="image.jpg" class="image"> 55 </main> 56 57</body> 58</html>
試したこと
document.addEventListener("mousedown", function(){
を使おうとしたがよく分からず終了