文字数[871文字] この記事は1分5秒で読めます.
定番javascript、右クリックを禁止するあのコード.
おはようございます、定番javascript、右クリックを禁止するあのコードを自分のサイトにも導入しました.因みにJSをOFFにするとリダイレクトページへ飛ぶ仕様になっているので右クリックから画像保存とかは出来ない感じになりました.スマホでどういう挙動になるのかは知らないけども.
if(document.querySelector('video')){
let elm = document.querySelectorAll('video');
[...elm].forEach(el=>nocontextmenu(el));
}
if(document.querySelector('img')){
let elm = document.querySelectorAll('img');
[...elm].forEach(el=>nocontextmenu(el));
}
function nocontextmenu(elm){
elm.addEventListener('contextmenu',function(event){
event.preventDefault();
});
}
今まで画像保存とかしていた人はソースコードからURLを導き出して画像保存とかを行っても良いですが画像などの二次配布などは禁止しています.
尚、当たり前ですが上記のソースコードの可変などはOKです.
追伸:スマホはCSSで対応
video,img{
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
user-select:none;
}
明日へ続く.
37 Views
著者名
@taoka_toshiaki
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
document.querySelector, EL, elm, elm.addEventListener, EVENT, event.preventDefault, foreach, function, if, JS, moz-touch-callout, moz-user-select, nocontextmenu, none, querySelectorAll, user-select, webkit-touch-callout, webkit-user-select, リダイレクトページ, 追伸,