剖析iphone之觸摸事件touchstart


今天做項目發現一個問題,貌似從前沒有遇到過,就記錄一下,以后方便看.....(代碼只顯示了js這部分 樣式結構都會寫)

一般我們綁定click觸發事件都是直接用onclick 或者方便一點click,當然我也是這樣的...所以今天就遇到坑了

這幾天做了一個項目,pc端和wap端的一個雙旦活動頁,昨天晚上做好上線的,今天自己測試了一下wap端的一個點擊事件在安卓版可以正常使用,而在ios上雖然不報錯,卻無任何效果,第一次遇到百思不得其解,以為是自己的點擊事件寫法不對

 當然在瀏覽器的模擬器里一切都是正常的,又把jq的幾種click事件的方法都試了一遍,一遍一遍更新到服務器,后來還是不行,於是就上網查資料,才知道是入坑了

找出了解決方法,希望沒有遇到過的以后可以繞過,

第一種方法就是利用css的樣式解決

給綁定click函數的那個dom元素加上

【cursor: pointer;】屬性

第二種方法就是通過接觸新的js事件

先說原理...資料顯示iphone上這些元素沒有click事件,它是touch事件,所以用到了touchstart,還有好多觸摸事件 知識暫時還用不到 具體不講了...

綁定click事件的同時在添加一個 【touchstart】事件  .on("click  touchstart",function(){.....

自己查資料是有這么兩種方法,自己親測(綁定click事件的同時在添加一個 【touchstart】事件)是比較靠譜的,屬於粗暴而高效,最好建議兩個事件寫的時候共存,還有安卓哦.....

(第一次寫博客,勿噴 謝謝。。。)


免責聲明!

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



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