• 移动开发框架,Hammer.js 移动设备触摸手势js库


    hammer.js是一个多点触摸手势库,能够为网页加入Tap、DoubleTap、Swipe、Hold、Pinch、Drag等多点触摸事件,免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸屏设备的浏览器,在桌面浏览器上,也能将鼠标的点击当做触摸,方便开发人员在桌面浏览器上调试。这是一个专为触摸手势而生的js库,对有需要的朋友非常有帮助,奉上常用的一些方法调用文档。

    使用方法:

    http://eightmedia.github.com/hammer.js/hammer.js

    ">

     // 先要对监听的DOM进行一些初始化

    var hammer=new Hammer(document.getElementById_x("container"));

     // 然后加入相应的回调函数即可

    hammer.ondragstart =function(ev) { }; // 开始拖动

    hammer.ondrag = function(ev) {}; // 拖动中

    hammer.ondragend = function(ev){ }; // 拖动结束

    hammer.onswipe = function(ev) {}; // 滑动

     hammer.ontap =function(ev) { }; // 单击

    hammer.ondoubletap =function(ev) { }; //双击

    hammer.onhold = function(ev) {}; // 长按

     hammer.ontransformstart =function(ev) { }; //双指收张开始

    hammer.ontransform =function(ev) { }; //双指收张中

    hammer.ontransformend =function(ev) { }; //双指收张结束

     hammer.onrelease =function(ev) { }; //手指离开屏幕

    还支持jQuery插件的形式调

    http://eightmedia.github.com/hammer.js/jquery.hammer.js

    ">

     $("#element")

       .hammer({

            //对DOM进行一些初始化,这里可以加入一些参数

       })

       .bind("tap",function(ev) {

            console.log(ev);

       });

    官网地址:http://eightmedia.github.com/hammer.js/

    (带演示)源码地址:https://github.com/EightMedia/hammer.js

    文件大小: 23K(源码)、6K(minified)

    转自:http://www.cnblogs.com/zhwl/p/3525238.html

  • 相关阅读:
    DataTables合并单元格(rowspan)的实现思路(多分组分类的情况)
    DataTables固定表格宽度(设置横向滚动条)
    用图片替代cursor光标样式
    DataTables获取指定元素的行数据
    任意表格(table)实现拖动列(column)改变列大小
    鼠标拖动改变DIV等网页元素的大小的最佳实践
    DataTables实现rowspan思路
    DataTables添加额外的查询参数和删除columns等无用参数
    击穿(强推---神仙代码)
    java jvm 参数 -Xms -Xmx -Xmn -Xss 调优总结
  • 原文地址:https://www.cnblogs.com/myRain/p/6046877.html
Copyright © 2020-2023  润新知