大家都知道ios瀏覽器有個默認的內置事件，就是長按屏幕，會放大預覽你點擊的內容。
不同瀏覽器效果各異，有的瀏覽器彈出提示框，預覽圖片或保存圖片。主要呈下面2中形式。體驗最差的就是后者，會直接將頁面中的圖片放大預覽，打斷了用戶正常的瀏覽。
這惱人的體驗怎么修正呢？
css有一個pointer-events: none;屬性；可以阻止點擊事件。
這個方法完美解決了大多數ios主流瀏覽器的問題。
那么問題來了，QQ瀏覽器設置css后無效，你要不要解決？
好吧css解決不了，那么只能由js出馬了
$('img').click(function(event){ event.preventDefult(); })
總結：
1、頁面布局時，需要使用圖片的地方，盡量不用img標簽，而使用背景圖代替。以減少不必要的麻煩。
2、不得不適用img的情況下，比如你使用的插件里面，設定了某個元素必須是img。記得加上pointer-events: none;
3、需要兼容到QQ瀏覽器或其他有類似問題的瀏覽器時，使用js給對應的元素的點擊事件設置阻止默認事件。