fastclick在移動端使用input=“file”上傳文件時label中的內容不能觸發chang

pubdreamcc 發布于2019-08-29 18:34 / 1882人閱讀

摘要：當我的代碼如下的時候點擊編輯頭像我發現我點擊其他地方可以調用系統的相機以及相冊，但是點擊頭像和文字的時候需要雙擊才能觸發，后來排除原因主要是因為項目中引入了造成的，后來在中找到了答案就是加入屬性這個屬性要給內部的標簽加，可以解決這個問題

當我的代碼如下的時候


          
          點擊編輯頭像

我發現我點擊其他地方可以調用系統的相機以及相冊，但是點擊頭像和文字的時候需要雙擊才能觸發，后來排除原因主要是因為項目中引入了fastclick造成的，后來在issue中找到了答案：
就是加入css屬性：pointer-events:none;
這個屬性要給label內部的標簽加，可以解決這個問題，代碼如下


          
          點擊編輯頭像

這樣就解決了這個問題
在此插入關于pointer-events的文檔

GPU云服務器云服務器 input label input file cdn在內容注入時 Linux不能使用移動硬盤

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114425.html

fastclick在移動端使用input=“file”上傳文件時label中的內容不能觸發chang

摘要：當我的代碼如下的時候點擊編輯頭像我發現我點擊其他地方可以調用系統的相機以及相冊，但是點擊頭像和文字的時候需要雙擊才能觸發，后來排除原因主要是因為項目中引入了造成的，后來在中找到了答案就是加入屬性這個屬性要給內部的標簽加，可以解決這個問題當我的代碼如下的時候點擊編輯頭像我發現我點擊其他地方可以調用系統的相機以及相冊，但是點擊頭像和文字的...

klivitamJ 2019-08-02 16:12 評論0 收藏0
fastclick在移動端使用input=“file”上傳文件時label中的內容不能觸發chang

摘要：當我的代碼如下的時候點擊編輯頭像我發現我點擊其他地方可以調用系統的相機以及相冊，但是點擊頭像和文字的時候需要雙擊才能觸發，后來排除原因主要是因為項目中引入了造成的，后來在中找到了答案就是加入屬性這個屬性要給內部的標簽加，可以解決這個問題當我的代碼如下的時候點擊編輯頭像我發現我點擊其他地方可以調用系統的相機以及相冊，但是點擊頭像和文字的...

econi 2019-08-23 16:51 評論0 收藏0
移動端開發的兼容問題

摘要：移動端開發的兼容問題文章已同步我的筆記，歡迎大家加，加后人生更加美好下為屬性設置會出現樣式文字和背景異常問題。解決方案可以使用整體放大屏幕的倍等等再使用縮放使用在移動端會模糊也需要這樣的解決方案在移動端圖片上傳圖片兼容低端機的問題。移動端開發的兼容問題文章已同步我的github筆記https://github.com/ymblog/blog，歡迎大家加star~~，加star后人生...

wyk1184 2019-08-20 17:28 評論0 收藏0
移動端開發的兼容問題

摘要：移動端開發的兼容問題文章已同步我的筆記，歡迎大家加，加后人生更加美好下為屬性設置會出現樣式文字和背景異常問題。解決方案可以使用整體放大屏幕的倍等等再使用縮放使用在移動端會模糊也需要這樣的解決方案在移動端圖片上傳圖片兼容低端機的問題。移動端開發的兼容問題文章已同步我的github筆記https://github.com/ymblog/blog，歡迎大家加star~~，加star后人生...

weakish 2019-08-29 12:48 評論0 收藏0