javascript中的gesture事件

<!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 实现了手势放大的功能。

【热门文章】