移动端多点触摸插件hammer.js

最新推荐文章于 2024-07-11 15:44:37 发布

原创最新推荐文章于 2024-07-11 15:44:37 发布 · 503 阅读

1 ·

CC 4.0 BY-SA版权

js效果专栏收录该内容

52 篇文章

订阅专栏

Hammer.js是一款开源且轻量级的JavaScript库，用于识别触摸和鼠标事件，无需其他依赖。本文通过实例展示如何使用Hammer.js实现缩放和平移功能，包括设置事件监听和响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于hammer.js

Hammer.js是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件。

这里给出关于hammer的实例网址 GitHub： https://github.com/hammerjs/hammer.js/tree/master/
http://www.jq22.com/jquery-info552 简单运用的H5实例


    <script>

        var hammerTest = new Hammer(document.getElementById('boxs'));
        hammerTest.on('pinch', function (ev) {
            console.log(ev.scale);
            if (ev.scale >= 1) {
                $('.sdfvsd').css('transform', 'scale(' + ev.scale + ')');
            } else {
                return false;
            }
        });
        hammerTest.get('pinch').set({ enable: true });
        hammerTest.get('pan').set({ direction: Hammer.DIRECTION_ALL });
        hammerTest.get('swipe').set({ direction: Hammer.DIRECTION_VERTICAL });

    </script>