IPhone中H5頁面用on綁定click無效的解決方法


首先聲明本人資質尚淺,本文只用於個人總結。如有錯誤,歡迎指正、共同提高。

-----------------------------------------------------------------------------------

首先問一句? 為什么移動頁面還在用click方法?假如必須用click,且遇到如標題所示bug,下文便是解決之道。當然,如果不用必須用click,則換成touch自然不存在本文的bug。

話不多說,當你懂得何時直接綁定click,何時用on綁定時候,理解下文就非常容易。

當用如下方法綁定click事件時,

exp:

$(document).on('click','selector',function(){
});

 發現在PC各種瀏覽器,以及移動端模擬器上都是可以正常調試的,但是在ios的微信端訪問或瀏覽器訪問均有不同程度的無效情況,

解決辦法如下:

第一種方法:解決的方法很巧妙,就是給需要綁定事件的元素添加一個css cursor: pointer 。

exp:

selector {
cursor:pointer;
}

第二種方法:把document換成selector的父元素,前提是父元素不是由JS生成的。

 

 

如有錯誤,歡迎評論指正、共同提高。[握手]    

歡迎轉載,轉載請注明:轉載自[ http://www.cnblogs.com/juneling ]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM