javascript中的gesture事件

发布于 2022-08-31 20:47:03 字数 1104 浏览 15 评论 0

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>gesture</title>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
<body>

<div id="output"></div>

<script>

    var output = document.getElementById('output');

    document.addEventListener('gesturestart', function (event) {
        output.innerHTML = 'Gesture started (rotation=' + event.rotation + ',scale='+event.scale + ')';
    },false);

    document.addEventListener('gestureend', function () {
        output.innerHTML = 'Gesture ended (rotation=' + event.rotation + ',scale='+event.scale + ')';
    },false);

    document.addEventListener('gesturechange', function (event) {
        output.innerHTML = 'Gesture changed (rotation=' + event.rotation + ',scale='+event.scale + ')';
    },false);

</script>
</body>
</html>

为什么我的代码一点效果都没有呢?
到底是哪里错了???


更新:2015年2月3日09:23:21
只有 IOS 2.0以上支持手势。
安卓的暂时没有支持。
iScroll 的 zoom.js 实现了手势放大的功能。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文