移动端事件库

移动端

移动端事件库

fastclick.js

  • 解决CLICK事件300MS的延迟

    touch.js / hammer.js

  • 百度云手势事件库
    库源码
    库的使用

    • touch实现单击双击
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      var oBox = document.querySelector('.box');
          touch.on(oBox, 'tap', function (ev) {
              this.style.webkitTransitionDuration = '1s';
              this.style.webkitTransform = 'rotate(360deg)';
              var delayTimer = window.setTimeout(function () {
                  this.style.webkitTransitionDuration = '0s';
                  this.style.webkitTransform = 'rotate(0deg)';
                  window.clearTimeout(delayTimer);
              }.bind(this), 1000);
          });

Zepto.js

  • 移动端的小型JQ
    库源码
    库的API

  • [x] jQ和Zepto区别
    |jQ|Zepto|
    |–|–|
    |在PC端使用|应用于移动端|
    |对于IE低版本浏览器的兼容处理|不支持兼容低版本的IE|
    |提供很多选择器和方法动画方法有animate、hide、show、toggle...|只实现了部分常用的选择器和方法动画只有animate|
    |不支持|移动端常用的事件操作tap、singleTap、doubleTap、longTap...|
    |不支持|animate动画方法支持了CSS3动画的操作|
    |代码量大 80kb|代码量小 20kb|