1. 程式人生 > >MUI addEvenListener和on 的用法區別

MUI addEvenListener和on 的用法區別

MUI中存在N種手勢事件

包括:(因為MUI是為移動APP為前提開發的。所以觸發事件如:tap單點單擊是無法再PC端觸發的,如果需要修改。將TAP改成CLICK即可)

分類 引數 描述
點選 tap 單擊螢幕
doubletap 雙擊螢幕
長按 longtap 長按螢幕
hold 按住螢幕
release 離開螢幕
滑動 swipeleft 向左滑動
swiperight 向右滑動
swipeup 向上滑動
swipedown 向下滑動
拖動 dragstart 開始拖動
drag 拖動中
dragend 拖動結束
mui.init({
  gestureConfig:{
   tap: true
, //預設為true doubletap: true, //預設為false longtap: true, //預設為false swipe: true, //預設為true drag: true, //預設為true hold:false,//預設為false,不監聽 release:false//預設為false,不監聽 } });
//預設情況下是以上狀態。即使不再初始化的時候寫。系統也預設這些初始狀態
addEvenListener是針對單個元素處理的,寫法為:
var tap = document.getElementById('xxx');

   tap.addEventListener('tap',function(){
   
   console.log(12);
  
   });
=========MUI 中ON的用法是用於多個元素的,當然也可以用於單個元素,文件為
  • .on( event , selector , handler )

    • event需監聽的事件名稱,例如:'tap'
    • selector選擇器
    • handlerType: FunctionEvent event )事件觸發時的回撥函式,通過回撥中的event引數可以獲得事件詳情

示例

mui('body').on('tap','#xxx',function(){//xxx為被選中的ID,多個元素可以用類選擇器 console.log('success'); });