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,這裡邊這些引數有一些是不需要的,比如有的是展示移動端滑動條啥的,按需刪除就行了。