`
流浪鱼
  • 浏览: 1684701 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

hammer.js

 
阅读更多

hammer.js是一款开源的移动端脚本框架,他可以完美的实现在移端开发的大多数事件,如:点击、滑动、拖动、多点触控等事件。不需要依赖任何其他的框架,并且整个框架非常小,在使用时非常简单

<div id="test" class="test"></div>
    <script type="text/javascript">
        //创建一个新的hammer对象并且在初始化时指定要处理的dom元素
        var hammertime = new Hammer(document.getElementById("test"));
        //为该dom元素指定触屏移动事件
        hammertime.on("pan", function (ev) {
            //控制台输出
            console.log(ev);
        });
</script>

官方网址:http://hammerjs.github.io/

 

 

分享到:
评论

相关推荐

    hammer.js移动端图片手指缩放插件

    总的来说,Hammer.js 通过其强大的手势识别能力,结合JavaScript事件监听和处理,为移动端图片手指缩放提供了简单易用的解决方案。开发者可以根据需求,灵活地扩展和定制功能,提升移动应用的交互性。

    hammer,jquery.hammer.js,hammer/hammer.min.js

    它不仅支持原生的JavaScript,还提供了与jQuery的整合版本`jquery.hammer.js`,以及压缩后的minified版本`hammer.min.js`,以供生产环境中优化性能使用。 描述中提到的“支持bootstrap滑动轮播”意味着Hammer.js...

    hammer.js操作svg --示例1

    `hammer.js`是一个轻量级的JavaScript库,它提供了触摸和手势识别的API,使得在网页上处理触摸事件变得简单易行。 首先,`hammer.js`主要用于处理移动设备上的触摸事件,但同样适用于桌面环境。它支持多种手势,如...

    Hammer.js分析

    Hammer.js作为一个轻量级的JavaScript库,专门用于处理触摸设备上的手势识别,为开发者提供了强大的工具。本文将对Hammer.js进行深入剖析,探讨其核心概念、功能特性以及实际应用。 1. **Hammer.js介绍** Hammer....

    hammer.js对svg平移,缩放demo

    `hammer.js`是一个强大的触摸事件处理库,它为JavaScript提供了丰富的手势支持,如拖动、旋转、捏合等。在这个"hammer.js对svg平移,缩放demo"中,我们看到的是一个简单的应用实例,它展示了如何将`hammer.js`的平移...

    hammer.js之上的多点触控手势糖层_JavaScript_下载.zip

    Hammer.js 是一个轻量级的JavaScript库,专为触摸设备设计,用于处理各种手势操作,如滑动、旋转、缩放等。它为开发者提供了一种简单的方式来添加多点触控功能到他们的Web应用或网站中,使得触摸交互更加直观和用户...

    vue2-hammer Vue 2.x的Hammer.js包装器,支持移动触摸。-Vue.js开发

    vue-hammer Vue的Hammer.js包装器支持移动设备中的某些操作这是Hammer.js 2.x的指令包装器。 Vue-hammer的Hammer.js包装器为Vue提供了支持,以支持移动设备中的某些操作。这是Hammer.js 2.x的指令包装器。 而这种...

    hammer 对图片的拖拽 缩放

    `hammer.js`是一个轻量级的JavaScript库,专为触摸设备设计,提供了丰富的手势识别功能,如拖拽、旋转、缩放等。在这个名为"hammer 对图片的拖拽 缩放"的示例中,我们将探讨如何使用`hammer.js`来实现图片的动态操作...

    前端项目-RyanMullins-angular-hammer.zip

    2. **src**: 源代码目录,包含了主要的JavaScript文件,如`angular.hammer.js`或`angular.hammer.min.js`,这是项目的核心模块,实现了Angular.js与Hammer.js的桥接。 3. **dist**: 发布目录,存放编译后的、可供...

    hammer.min.js

    Hammer.js,作为一个强大的JavaScript库,致力于解决这一问题,使得开发者能够轻松地在移动端实现各种手势操作。在版本2.0.8中,它更是以其稳定性和广泛的应用成为了业界首选。 Hammer.js的核心功能是监听并识别...

    手机端轮播图(焦点图)和hammer.js教程

    Hammer.js是一个轻量级的JavaScript库,专为触摸设备设计,提供了手势识别的功能。在手机端轮播图的设计中,Hammer.js可以用来添加滑动、捏合等手势操作,使得用户可以通过直观的手势来浏览轮播图的内容,增强互动...

    Finger.js:Hammer.js的轻量级替代品,支持一些常用手势

    Finger.js是使用类似API的Hammer.js的轻量级替代。 当您只需要在移动页面中支持基本手势时,Finger.js是很好的替代品。 依存关系 当前,Finger.js依赖于jQuery v1.7 v1.7或更高版本。 用法 使用您希望将侦听器绑定...

    Hammer.js移动端手势库实例

    里面包括很多事例,可以实现div,img的缩放,旋转,滑动 还有在指定区域内滑动不能覆盖其他区域,还有很多其他实例自己挖掘,http://www.cnblogs.com/vajoy/p/4011723.html一份官方翻译说明,附有操作说明书。

    hammer.js实现图片手势放大效果

    主要为大家详细介绍了hammer.js实现图片手势放大效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    Hammerjs实现多点触摸手势的javascript库

    **Hammer.js:多点触摸手势的JavaScript库详解** 在当今的移动设备世界中,用户交互方式已经不再局限于鼠标点击,而是发展到了触屏滑动、捏合缩放等多点触摸手势。Hammer.js是一个强大的JavaScript库,专门用于处理...

    Hammer.js+轮播原理实现简洁的滑屏功能

    在JavaScript中,我们需要监听`hashchange`事件和Hammer.js的手势事件。当`hashchange`发生时,根据新的hash值切换显示的`&lt;section&gt;`;当检测到滑动手势时,更新`&lt;section&gt;`的位置,实现平滑滑动。 **8. 性能优化**...

    rowhammerjs, 在JavaScript中,Rowhammer.js 远程软件触发故障攻击.zip

    rowhammerjs, 在JavaScript中,Rowhammer.js 远程软件触发故障攻击 使用eviction测试 DRAM"rowhammer"问题的程序参见 https://github.com/google/rowhammer-test - 这是''double_sided_rowhammer''程序从它们的存储...

    多点触控插件Hammer.js

    Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。浏览器要求ie10以上版本,演示地址:http://www.jq22.com/jquery-info552

Global site tag (gtag.js) - Google Analytics