解決手機(移動端)點擊事件失效問題


1、在微信點擊按鈕沒有反映

微信ios內置瀏覽器認為,不是button  a標簽之外的非點擊元素  比如div  是不可點擊的

比如給div綁了click事件,在微信里邊是不生效的,解決辦法是給這個div元素添加一個樣式屬性 cursor: pointer;

2、彈框中某個區域內內容很多,我們希望使用overflow:scroll;

當超過之后,可以滾動查看,但是如果這樣的話,在移動端是有問題的,比如滑動卡頓,ios手機滑動時划不動的情況。   有會有不少人使用IScroll.js   這個插件。

那么在IScroll控制的區域中,如果有元素需要被點擊,那綁定的click事件也是不生效的,解決辦法:

myScroll = new IScroll("#wrapper", {
                scrollbars: true,
                mouseWheel: false,
                interactiveScrollbars: true,
                shrinkScrollbars: 'scale',
                fadeScrollbars: true,
                scrollY: true,
                probeType: 2,
                bindToWrapper: true,
                click: true,
                taps:true
});

在new的時候  傳入第二個參數,是一個對象,其中的click  taps都要設置成true,這里邊這些參數有一些是不需要的,比如有的是展示移動端滑動條啥的,按需刪除就行了。


免責聲明!

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



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