MUI 在上拉載入的容器中手機無法觸發click事件
問題:我有一個list,在mui 上拉載入和下拉重新整理的容器裡。在電腦瀏覽器裡可以觸發點選事件,手機無法觸發。
探索:去掉 mui 上拉載入和下拉重新整理程式碼,click事件可以觸發。可以順著這條線索往下找
原因:
click確實被遮蔽了,mui不推薦使用onclick,建議使用tap事件。
列表項過多時,也不建議針對每一項進行事件監聽,推薦使用mui(selector).on(event,selector,handle)進行事件委
html相關程式碼:
<li class="mui-table-view-cell" poBillId="1321" detailInfo="32132">
js相關程式碼:
mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){
var poBillId = this.getAttribute("poBillId");
var detailInfo = this.getAttribute("detailInfo");
$("#detailStr").val(detailInfo);
$("#poBillId").val(poBillId);
document.getElementById("fm").submit();//表單提交
})
相關文章
- mui上拉載入更多的使用UI
- touch事件和click事件多次觸發的問題事件
- storage事件中的坑,storage.setItem()無法觸發storage事件事件
- jquery中trigger無法觸發hover事件的解決方案jQuery事件
- 雙擊事件(dblclick)時,不觸發單擊事件(click)事件
- 批量更新時無法觸發事件的解決方法事件
- click事件在蘋果手機失效的問題事件蘋果
- react中 Ender鍵 觸發事件數(輸入框)React事件
- 手機端html5觸屏事件(touch事件)HTML事件
- mui 頁面無法下滑拖拽 主要體現在華為手機瀏覽器UI瀏覽器
- JavaScript click 事件JavaScript事件
- click事件生成事件
- Android中觸控事件的傳遞機制Android事件
- recyclerView的側拉效果。上拉載入。下拉重新整理,點選事件等等View事件
- rabbitmq confirm機制路由不到佇列無法觸發handleNackMQ路由佇列
- swiper loop:true引發繫結dom的click事件無效及解決方案OOP事件
- 取消事件觸發事件
- iOS下瀏覽器document/body的click事件無效的坑iOS瀏覽器事件
- Vue的動態選單無法登入(無法載入選單)Vue
- wpf popup導致MouseLeftButtonUp無法觸發
- 使用mousedown事件使用右鍵觸發無反應事件
- touch事件與click事件區別事件
- 【Azure Function】Azure Function中的Timer Trigger無法自動觸發問題Function
- click事件形成的條件 – Eric事件
- onclick與click事件的區別事件
- jQuery select 觸發事件jQuery事件
- 如何解決 touchstart 事件與 click 事件的衝突事件
- 關於在swiper輪播元件中使用echarts的'click'事件無效元件Echarts事件
- android觸控事件分發機制,曾困惑你我的地方Android事件
- SDWebImage 載入https報錯 無法載入問題WebHTTP
- 觸控事件分發核心機制優化吸收事件優化
- 前端面試之瀏覽器機制中觸發事件的三個階段前端面試瀏覽器事件
- 如何優雅解決 iframe 無法觸發 clickOutsideIDE
- Eclipse 無法載入類檔案Eclipse
- 技術分享:NodeJS中的Events(事件觸發器)講解NodeJS事件觸發器
- 使用 jQuery 觸發 Vue 事件jQueryVue事件
- 取消事件觸發(妙啊)事件
- Mac電腦使用:你無法拒絕的Mac觸發角Mac
- 遊戲市場陰影下的遊戲手機廠商,和他們無法觸碰的未來遊戲