1. 程式人生 > >手機(移動端)點選事件失效問題

手機(移動端)點選事件失效問題

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,

這裡邊這些引數有一些是不需要的,比如有的是展示移動端滑動條啥的,按需刪除就行了。