'mousemove' 仅在移动应用程序中触发一次答案

【问题标题】：'mousemove' only fires once in mobile app'mousemove' 仅在移动应用程序中触发一次
【发布时间】：2015-08-07 01:48:35
【问题描述】：

我正在创建一个 phonegap 应用程序。在我的应用程序中，我将有一个不可拖动的谷歌地图。在浏览器中，mousemove 事件在我将鼠标在地图上移动时连续触发。我预计我的手机会出现同样的行为，但 mousemove 只触发一次。

这是我的 main.js 文件

var app = new function () {
    return {
        initialize: function () {
            var mapCanvas = document.getElementById('map-canvas');
            var mapOptions = {
                center: new google.maps.LatLng(23.5403, -74.5463),
                zoom: 4,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                draggable: false,
            }
            var map = new google.maps.Map(mapCanvas, mapOptions);

            google.maps.event.addDomListener(map, 'mousemove', function (event) {
                console.log('move');
            });

            google.maps.event.addDomListener(map, 'mousedown', function (event) {
                console.log('down', event);
            });
            google.maps.event.addDomListener(map, 'mouseup', function (event) {
                console.log('up', event);
            });
        }
    }
};

google.maps.event.addDomListener(window, 'load', app.initialize);

这是我的 index.html 文件

<html>

<head>
    <style>
        #map-canvas {
            width: 100%;
            height: 400px;
            background-color: #CCC;
        }

    </style>
</head>

<body>
    <div id="map-canvas"></div>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script src="lib/jquery-1.8.2.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>

任何人都可以看看并帮助我获取所有mousemove 事件吗？我尝试了touchmove，但无法使其与 Google 地图一起使用。

【问题讨论】：

你试过使用拖动事件吗？
拖动事件没有被触发，因为我的地图不可拖动。

标签： android cordova google-maps google-maps-api-3 mouseevent

【解决方案1】：

我设法不断添加代码来触发事件

function move(event) {
    console.log('touchmove', event);
    event.preventDefault();
}

document.getElementById('map-canvas').addEventListener('touchmove', move, false);

【讨论】：