高校站群網(wǎng)站管理平臺
- 1. 只需投入一套系統(tǒng)就可滿足整個(gè)組織的網(wǎng)站建設(shè)
- 2. 平臺采用“主站+子站+資源整合”的站群架構(gòu)，提供統(tǒng)一用戶管理與授權(quán)，滿足校園信息統(tǒng)一發(fā)布，交換，共享
- 3. 聯(lián)系我們：7×24服務(wù)電話 13855820371
小程序 APP開發(fā)
- 基于UNIAPP實(shí)現(xiàn)多端應(yīng)用
- 微信小程序，APP，抖音小程序，H5應(yīng)用等...
- 前端交互數(shù)據(jù)對接；定制功能需求接入
Hammer.js 在web中實(shí)現(xiàn)觸摸！
Hammer是一個(gè)開放源代碼庫，可以識別由觸摸，鼠標(biāo)和pointerEvents做出的手勢。它沒有任何依賴性，并且很小，只有7.34 kB壓縮+ gzip壓縮！
用法
它很容易使用，只需包含庫并創(chuàng)建一個(gè)新實(shí)例。
var hammertime = new Hammer(myElement, myOptions);
hammertime.on('pan', function(ev) {
console.log(ev);
});
默認(rèn)情況下，它增加了一組tap，doubletap，press，水平 pan和swipe和多點(diǎn)觸控pinch和rotate識別。默認(rèn)情況下，收縮識別器和旋轉(zhuǎn)識別器是禁用的，因?yàn)樗鼈儠乖刈枞强梢酝ㄟ^調(diào)用以下命令來啟用它們：
hammertime.get('pinch').set({ enable: true });
hammertime.get('rotate').set({ enable: true });
為pan和swipe識別器啟用垂直或所有方向：
hammertime.get('pan').set({ direction: Hammer.DIRECTION_ALL });
hammertime.get('swipe').set({ direction: Hammer.DIRECTION_VERTICAL });
另外，建議使用viewport元標(biāo)記，它通過禁用兩次點(diǎn)按/捏縮縮放將更多控制權(quán)返回到網(wǎng)頁。較新的支持touch-action屬性的瀏覽器不需要此功能。
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
更多控制
您可以為實(shí)例設(shè)置自己的一組識別器。這需要更多的代碼，但是它使您可以更好地控制所識別的手勢。
var mc = new Hammer.Manager(myElement, myOptions);
mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, threshold: 0 }) );
mc.add( new Hammer.Tap({ event: 'quadrupletap', taps: 4 }) );
mc.on("pan", handlePan);
mc.on("quadrupletap", handleTaps);
上面的示例創(chuàng)建了一個(gè)包含pan和quadrupletap手勢的實(shí)例。您創(chuàng)建的識別器實(shí)例將按其添加順序執(zhí)行，此時(shí)只能識別一個(gè)。
更多示例訪問 Hammer文檔
聲明：
本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享網(wǎng)絡(luò)內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：138 5582 0371;郵箱：1318073076@qq.com。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明出處：阜陽涵一科技
