iscroll5在使用情況下click事件失效的問題
阿新 • • 發佈:2017-06-26
問題 技術 進行 alt false sil turn 設備 word
轉載自:http://www.52html5.com/?p=2618
Bug描述:
iOS、android4.4+下不能觸發click事件。
Bug解決:
調用iscroll插件,增加配置參數:click:true/false
click的值是要根據移動終端設備進行判斷,如果只是簡單的判斷終端類型的話,android4.4+還是不能點擊,這就是安卓的一個坑,畢竟沒有ios系統做的統一。
故增加一個函數去判斷:
// ######### function iScrollClick(){ if (/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent)) return false; if (/Chrome/i.test(navigator.userAgent)) return (/Android/i.test(navigator.userAgent)); if (/Silk/i.test(navigator.userAgent)) return false; if (/Android/i.test(navigator.userAgent)) { var s=navigator.userAgent.substr(navigator.userAgent.indexOf(‘Android‘)+8,3); return parseFloat(s[0]+s[3]) < 44 ? false : true } }
配置實例:
myScroll = new IScroll("#ID", { click:iScrollClick(), //調用判斷函數 scrollbars: true,//有滾動條 mouseWheel: true,//允許滑輪滾動 fadeScrollbars: true//滾動時顯示滾動條,默認影藏,並且是淡出淡入效果 });
經過親身實踐可以用,故記錄一下
iscroll5在使用情況下click事件失效的問題