手機(移動端)點選事件失效問題
阿新 • • 發佈:2018-11-10
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,
這裡邊這些引數有一些是不需要的,比如有的是展示移動端滑動條啥的,按需刪除就行了。