基於 zepto 的觸控函式封裝

2021-07-09 10:09:15 字數 1542 閱讀 3585

移動端使用 zepto 做一些基於觸控的動畫的時候,需要開發乙個函式庫。

功能:例項化物件以後能夠,觸發相應的事件,能夠返回給我,當前的移動方向和 x 軸 或者 y 軸 的移動位移。

var touchdirection = function

(e) ,

movethat = {};

this.touchstarteven = function

(e) ;

this.touchmoveeven = function

(e)

if (tempx > 0 && angletouch >= 1)

if (tempy > 0 && angletouch < 1)

if (tempy < 0 && angletouch < 1)

};this.touchendeven = function

();};

使用方法:

var touchresult = new touchdirection();

var touchstartev = function

(e);

var touchmoveev = function

(e) ;

var touchendev = function

(e) ;

$('.test').on('touchstart', touchstartev);

$('.test').on('touchmove', touchmoveev);

$('.test').on('touchend', touchendev);

測試的執行結果:

如果您覺得對您有幫助,下面的 star 給我一顆星。謝謝啦!

allowtransparency="true" scrolling="no" frameborder="0" src="" style="font-family: 'pingfang sc'; font-size: 14px; border-style: none; border-width: initial; height: 28px; width: 198.5px;"> allowtransparency="true" scrolling="no" frameborder="0" src="" style="font-family: 'pingfang sc'; font-size: 14px; border-style: none; border-width: initial; height: 28px; width: 97px;"> allowtransparency="true" scrolling="no" frameborder="0" src="" style="font-family: 'pingfang sc'; font-size: 14px; border-style: none; border-width: initial; height: 28px; width: 113px;">

基於jquery的ajax封裝

jquery給我們的開發帶來了很多的便利,對其熟練的運用是現在前端開發人員的必要技能之一。其封裝的很多方法都做了相容的處理,就少去了部分開發人員做相容處理的問題,從而提高工作效率,有更多時間來學習其它技能 今天來聊聊其的ajax 方法,ajax 方法通過 http 請求載入遠端資料。ajax 返回其...

封裝的函式

一 封裝的函式 判斷是否為11121 return bool function is 11121 param arr param key return string function sign arr,key str str.key key return strtoupper md5 str par...

基於JSON的態勢資料封裝

log格式 jan 15 08 50 31 2021 01 15 08 50 31,384 root info cpu利用率 0.16 記憶體利用率 52.84 磁碟使用率 0.13 網口實時流量 出 15680 入 55284 jan 15 08 50 31 2021 01 15 08 50 31...