とか言ってたらにししさんから解が来ていました
>>250:
https://www.nishishi.org/testground/tegalog/?postid=4980
より引用
['contextmenu', 'dragstart'].forEach(eventType => {
document.addEventListener(eventType, function(event) {
if(event.target.tagName === 'img') {
event.preventDefault();
}
});
});
#javascript
画像の右クリメニュー・ドラッグでの保存を抑止する
画像の右クリメニュー・ドラッグでの保存を抑止する
#CSS でできます
img {
pointer-events: none;
user-drag: none;
user-select: none;
-webkit-user-drag: none; /* Chrome, Safari */
-khtml-user-drag: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-o-user-drag: none; /* Opera */
}
このスキンに適用しているCSSにはこの記述があります
Skin-standardには上記の記述がありません。違いを見てみてください
Xmodoki2にはpointer-events: none;のみ記述しています(自分がD&Dで画像保存するという習慣がなかったので…)、需要ありそうなら次から入れます。
pipi LOG さんの記事も参考になります。
保存したりコピペしたりで悪用する人がいるのは悪用する人が一番悪いというのはそうなんですけどあまりガチガチにページ全体右クリ禁止とか選択できないようになってたりとかされるとアクセシビリティやユーザビリティ低下するので悩ましいところだなぁという気がしますね
#CSS でできます
img {
pointer-events: none;
user-drag: none;
user-select: none;
-webkit-user-drag: none; /* Chrome, Safari */
-khtml-user-drag: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-o-user-drag: none; /* Opera */
}
このスキンに適用しているCSSにはこの記述があります
Skin-standardには上記の記述がありません。違いを見てみてください
Xmodoki2にはpointer-events: none;のみ記述しています(自分がD&Dで画像保存するという習慣がなかったので…)、需要ありそうなら次から入れます。
pipi LOG さんの記事も参考になります。
保存したりコピペしたりで悪用する人がいるのは悪用する人が一番悪いというのはそうなんですけどあまりガチガチにページ全体右クリ禁止とか選択できないようになってたりとかされるとアクセシビリティやユーザビリティ低下するので悩ましいところだなぁという気がしますね