取消手機端頁面長按圖片出現保存或者圖片被打開的方法

在移動端，長按移動端頁面圖片會出現收藏或保存圖片提醒，還有微信手機端頁面會

出現打開圖片的狀況，下面說一下如何取消這種狀況。

可使用background-image代替img標籤，可是這樣適應性很差。還能夠給img標籤添加pointer-events:none屬性來阻止這種彈出框。

1.使用 pointer-events:none

給  img 標籤加樣式：img{pointer-events:none}

親測有效，適用於微信客戶端的手機頁面，圖片被打開的狀況

 

2.加全局樣式

         *{

 

            -webkit-touch-callout: none;

            -webkit-user-select: none;

            -moz-user-select: none;

            -ms-user-select: none;

            user-select: none;

          }

 

            

 

詳情參照 CSS參考手冊----用戶界面：

http://www.css88.com/book/css/properties/user-interface/pointer-events.htm