移動端項目 添加 觸屏 swipe事件[記錄]

標籤：cti   顯示   require   double   事件冒泡   down   ons   set   延遲   

avalon 觸屏 事件　

　　tap, longtap, doubletap
　　swipe, swipeleft, swiperight,swipedown,swipeup
　　pinch, pinchstart,pinchend,pinchin,pinchout
　　drag,dragstart,dragend,
　　rotate,rotatestart,rotateend

移動端 觸屏事件添加 測試  （1190000006012676）

　　挑選用到的模組加 例如  swipe  ----  require 進入

　　ms-on-swipe="@fn" （@fnTest($event)）

　　fn: function(e){ console.log(e) }

　　fnSwipeLeft:function(e){ if(e.originalEvent.direction=="left") mstestTouch.swipeLeftFn(e); },

　　slideWrap.style.left =-(index+1)*100+"%";

移動端 雙擊  （兩個單擊 時間<0.5）

　　var backSecond = 0;

　　var curSecond = new Date().getSeconds();
　　if (Math.abs(curSecond - backSecond) > 0.5) {
　　　　backSecond = curSecond;
　　} else {
　　　　this.isDoubleClick="雙擊666";
　　　　setTimeout(function () {
　　　　　　mstestTouch.isDoubleClick="點擊我進行雙擊";
　　　　},1500);
　　}
　　//禁止事件冒泡
　　event.stopPropagation();

　　

移動端 點擊問題

　　網頁端 用 ms-on-click

　　手機端 用 ms-on-tap （tap 代替 click ）click會不好用  

　　自己寫的雙擊出問題  暫時  添加a 

　　　　<li><a href="javascript:void(0)" ms-on-tap="@fnDoubleClick($event)">手勢手機a--{{@isDoubleClick}}</a></li>

移動端 延遲300秒問題

　　禁止縮放 viewport

 

avalon擷取所操作的該元素

　　<li ms-on-tap="@fnSwipeLeft">向左滑動，顯示下一頁</li>

　　fnSwipeLeft: function(e) {var target = e.target;}

移動端項目 添加 觸屏 swipe事件[記錄]