1. 程式人生 > >iscroll5在使用情況下click事件失效的問題

iscroll5在使用情況下click事件失效的問題

問題 技術 進行 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事件失效的問題