MUI TableViewCell 上按鈕點選Cell同時觸發解決
在MUI上,我們使用MUI事件監聽的方式如下程式碼:
mui("#logisticsUl").on('tap','.mui-table-view-cell',function(event){
console.log(event);
})
很多時候我們需要在Cell上新增按鈕或者其他可點選的元素如圖:
這時候我們需要繼續這種監聽:
mui("#logisticsUl").on('tap','.mui-btn',function(event){
})
我們點選按鈕的時候,Cell事件也被觸發,在iOS中可以用hittest通過判斷控制元件位置和顯示順序執行點選。起初想按照這個思路來改。看MUI 提供瞭解決法防止事件冒泡。
解決:
在按鈕上阻止事件冒泡就行了,具體程式碼如下:
mui("#logisticsUl").on('tap','.mui-btn',function(event){
event.stopPropagation();
})
相關文章
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- MUI – IOS系統,相簿選擇照片後,點選確定按鈕無反應UIiOS
- mui 點選長按複製文字UI
- JS判斷鍵盤是否按的Enter鍵並觸發指定按鈕點選操作JS
- Layui Confirm彈出框連續點選按鈕會觸發多次事件UI事件
- JavaScript點選按鈕返回底部詳解JavaScript
- Android 點選按鈕跳轉Android
- JavaScript 點選按鈕返回底部JavaScript
- 是否應該在未選中行時禁用刪除按鈕,還是應該在點選按鈕時提示選擇資料?
- 防止頁面按鈕多次點選
- QFileDialog實現同時選擇檔案和資料夾,確認取消按鈕英文問題解決方法
- Photoshop 2020 新建閃爍以及建立按鈕點選無反應解決方法
- Android | 使用 AspectJ 限制按鈕快速點選Android
- Android處理按鈕重複點選Android
- jQuery點選按鈕刪除div元素jQuery
- JavaScript點選按鈕彈出層效果JavaScript
- 單選多選按鈕
- #每日一記#防止按鈕在短時間內重複點選
- uniapp點選按鈕提交textarea值為undifineAPP
- el-table 點選按鈕 表格自動增加一行,同時新增的行input 自動獲取焦點
- (五)自定義按鈕模板和設定觸發器觸發器
- 微信小程式避免按鈕重複觸發事件微信小程式事件
- 異形按鈕的點選區域處理
- 短視訊開發,點選按鈕Button,更換背景顏色
- vue 表單驗證按鈕事件交由父元件觸發Vue事件元件
- Android開發 如何使用選擇器(selector) 來實現點選按鈕變色Android
- selenium 誰遇到過點選了按鈕但實際卻沒有點上的情況?
- HTML 單選按鈕實現 (性別選擇)(解讀)HTML
- android短視訊開發,點選分享按鈕生成分享連結Android
- 刪除按鈕點選後的虛線輪廓
- 基於js實現點選按鈕回到頂部JS
- 對於防止按鈕重複點選的嘗試
- Android優雅地處理按鈕重複點選Android
- 點選按鈕自動複製剪貼簿功能
- 點選大中小按鈕設定文章字型大小
- ASPxGridView中Command列自定義按鈕點選事件概要View事件
- 教程中使用bootstrap5之後,點選導航按鈕不展開的解決辦法boot
- 如何使用原生的 JavaScript 程式碼,觸發 SAP UI5 按鈕控制元件的點選事件處理函式JavaScriptUI控制元件事件函式