Android ';mousemove';在移动应用程序中仅触发一次
我正在创建一个phonegap应用程序。在我的应用程序中,我将有一个不可拖动的谷歌地图。 在浏览器中,当我在地图上移动鼠标时,Android ';mousemove';在移动应用程序中仅触发一次,android,cordova,google-maps,google-maps-api-3,mouseevent,Android,Cordova,Google Maps,Google Maps Api 3,Mouseevent,我正在创建一个phonegap应用程序。在我的应用程序中,我将有一个不可拖动的谷歌地图。 在浏览器中,当我在地图上移动鼠标时,mousemove事件持续激发。 我希望我的手机也会出现同样的行为,但是mousemove只会触发一次 这是我的main.js文件 var app = new function () { return { initialize: function () { var mapCanvas = document.getElemen
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>
#地图画布{
宽度:100%;
高度:400px;
背景色:#CCC;
}
谁能帮我看一下并获取所有的
mousemove
事件?我尝试了touchmove
,但无法与谷歌地图一起使用。我设法不断添加代码来触发事件
function move(event) {
console.log('touchmove', event);
event.preventDefault();
}
document.getElementById('map-canvas').addEventListener('touchmove', move, false);
您是否尝试使用拖动事件?由于“我的地图”不可拖动,因此不会触发拖动事件。