2010-09-30 24 views
5

有我希望防止圖像複製的攝影網站。如何禁用在圖像上按住手指時在iPhone上彈出的保存圖像菜單?使用Javascript禁用iPhone上的「保存圖像」菜單

+0

我假設你在桌面瀏覽器的右鍵上下文菜單中有這個相同的問題?像Flickr和其他網站通常會使用不可見的'div'來覆蓋DOM中的'img'對象,或者其他類似的東西。 – 2010-09-30 14:49:05

+0

不,我們已禁用右鍵單擊上下文菜單,但需要分別鎖定觸摸事件。 – 2010-09-30 15:13:58

回答

7

嘗試:

document.body.style.webkitTouchCallout='none'; 

順便說一句是不是真的值得嗎?像這樣的黑客確實會影響用戶的期望,而且你的圖像在互聯網上,任何想要它的人都可以很容易地得到它,而不管在他們使用的瀏覽器中是否禁用了上下文菜單。

+0

我同意一個觀點,但關鍵詞是'easy'。我認爲禁用菜單,就像使用桌面瀏覽器一樣,實際上會使平均訪問者難以下載圖像。對我來說,這仍然很容易,但對於一些媽媽來說,下載她的孩子的圖像不是:) – 2010-09-30 15:28:48

+0

爲什麼你想阻止媽媽下載他們孩子的照片?你怪物! J/K。我明白你的觀點 - 簡單是一個相對術語。我不相信這是值得實施的,但它不是我的網站或用戶羣:)。 webkitTouchCallout是否爲你工作? – dannywartnaby 2010-09-30 15:36:36

+0

剛剛嘗試過,它效果很好。謝謝Danny。 – 2010-09-30 15:37:09

1

作爲@alex的解決方案與CSS(-webkit-touch-callout: none;)告訴,適用於iOS7 Safari。謝謝。