画像長押し禁止iPhoneのみ画像を保存メニューが出てしまう。

Question

保育園のブログ
で保護者間トラブル回避の為、
画像を保存させたくないのですが、
CSSに以下のように追加し、

body {
-webkit-touch-callout:none;
-webkit-user-select:none; 
user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}

JSを以下のように追加しております。

$(function(){
        var timer;
        $("img").on("touchstart",function(){
            timer = setTimeout(function(){
                alert("画像は保存できません！")
            },500)
            return false;
        })
        $("img").on("touchend",function(){
            clearTimeout(timer);
            return false;
        })            
    })

当方のAndroidでは画像の長押しができなくなっているのですが、
クライアントのiPhoneだと画像長押しで「画像を保存」と「コピー」が表示されてしまう
そうです。

色々と検索したのですが、同じような事案が見つからなかったので
ここで質問させていただきます。
どうぞよろしくお願いいたします。

Answer 1

iOS8でwebkit-touch-calloutが効かない。その対処法
こちらのリンクを参考にし解決しました。