[JavaScript/CSS] スマホブラウザなどで画像/ボタン/リンクなどを長押し/右クリックしたときのポップアップを無効にする

 画像/リンク/ボタン長押ししたときに出るポップアップを無効にしたいときの方法まとめ。画像保存をできなくしたりできます。

 iPhoneのブラウザはこれでポップアップを無効にできます。

body {
  -webkit-touch-callout: none;
}

 ただ、これだけではAndroidのブラウザ上などでは無効にできません。

 JavaScriptが必要になります。以下のコードでAndroidのブラウザなどでもポップアップ無効にできます。

window.oncontextmenu = function(event) {
     event.preventDefault();
     event.stopPropagation();
     return false;
};

コメントを残す

メールアドレスが公開されることはありません。