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();
})
相關文章
- hbuilder mui如何監聽搜尋框點選清除按鈕UI
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- js實現的按鈕不用人為點選就觸發點選事件JS事件
- mui點選訊息框的用法,及其點選呼叫按鈕撥打電話UI
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- mui 點選長按複製文字UI
- MUI – IOS系統,相簿選擇照片後,點選確定按鈕無反應UIiOS
- 網站上點選自定義按鈕發起QQ聊天的解決方案網站
- JS判斷鍵盤是否按的Enter鍵並觸發指定按鈕點選操作JS
- 長按tableViewCell彈出選單欄貼上板View
- JavaScript點選按鈕返回底部詳解JavaScript
- Layui Confirm彈出框連續點選按鈕會觸發多次事件UI事件
- JavaScript 點選按鈕返回底部JavaScript
- 點選回車實現按鈕點選功能
- Android--按鈕點選事件Android事件
- Android 點選按鈕跳轉Android
- QFileDialog實現同時選擇檔案和資料夾,確認取消按鈕英文問題解決方法
- iOS 實現展開TableViewCell,下拉celliOSView
- 點選瀏覽器後退按鈕時彈出提示資訊瀏覽器
- JavaScript點選按鈕彈出層效果JavaScript
- JavaScript點選按鈕刪除div元素JavaScript
- jQuery點選按鈕刪除div元素jQuery
- 點選按鈕獲取當前位置
- javascript實現的同時按下ctrl和其他鍵觸發事件JavaScript事件
- 微信小程式避免按鈕重複觸發事件微信小程式事件
- el-table 點選按鈕 表格自動增加一行,同時新增的行input 自動獲取焦點
- #每日一記#防止按鈕在短時間內重複點選
- javascript實現的按鈕間隔指定時間再能點選JavaScript
- UIScrollView中點選按鈕高亮效果會延時怎麼辦UIView
- 單選多選按鈕
- 點選AndroidStudio的build按鈕後發生了什麼AndroidUI
- Android處理按鈕重複點選Android
- Android | 使用 AspectJ 限制按鈕快速點選Android
- 如何點選一個按鈕實現列印
- JavaScript點選按鈕數字加1效果JavaScript
- 點選按鈕彈出一個居中div
- JavaScript點選按鈕切換背景顏色JavaScript
- jquery判斷按鈕是否被點選過jQuery