1. 程式人生 > >解決第三方網頁在微信瀏覽器中點選圖片會自動放大

解決第三方網頁在微信瀏覽器中點選圖片會自動放大

自己使用的是微信Android客戶端,使用img標籤的src屬性將圖片設定好了以後,在微信中除錯,點選圖片竟然放大,自己
沒寫放大圖片的方法,也沒有呼叫wx.previewImage()方法,最後查詢,原來是微信Android客戶端已經在底層支援了img標籤自動放大的功能,說是bug還是改進?因為傳統的瀏覽器是不帶圖片放大效果的,需要自己寫方法,好了,明白了問題所在,解決就好了:
傳統方式:
$(document).on(‘click’, ‘img’, e => {
e.preventDefault();
})
這個方式可能會把所有的預設的屬性都遮蔽了,典型的就是a標籤不能跳轉
css方式:


img{
pointer-events: none;
}
這個會讓img標籤的點選事件失效,如果想要點選圖片就要給上面再寫一層
Vue方式:
v-on:click.prevent或者@click.prevent
既能保證img標籤的click,也能保證在微信中不自動放大,完美解決