我刚刚开始考虑在android上进行一些基本的移动web开发,并编写一个测试脚本来调查触摸事件。我在android模拟器中运行了以下代码,touchend事件永远不会被触发。有人能告诉我为什么吗?

我试过三个版本的模拟器(1.6、2.1和2.2),三个版本的模拟器的行为都是一样的。

提前谢谢你能给我的帮助。

干杯,

科尔姆

编辑-我也尝试过使用XUI框架,但也有同样的问题,所以我猜我对这些东西的工作原理有一个根本的误解……

地图测试

window.onload = function(){

document.body.appendChild(

document.createTextNode("w: " + screen.width + " x " + "h : " +screen.height)

);

attachTouchEvents();

}

function attachTouchEvents() {

console = document.getElementById("console");

var map = document.getElementById("map");

map.addEventListener ('touchstart', function (event) {

event.preventDefault();

var touch = event.touches[0];

document.getElementById("touchCoord").innerHTML = "S : " + touch.pageX + " " + touch.pageY;

document.getElementById("touchEvent").innerHTML = "Touch Start";

}, false);

map.addEventListener ('touchmove', function (event) {

event.preventDefault();

var touch = event.touches[0];

document.getElementById("touchCoord").innerHTML = "M : " + touch.pageX + " " + touch.pageY;

document.getElementById("touchEvent").innerHTML = "Touch Move";

}, false);

map.addEventListener ('touchend', function (event) {

var touch = event.touches[0];

document.getElementById("touchCoord").innerHTML = "E : " + touch.pageX + " " + touch.pageY;

document.getElementById("touchEvent").innerHTML = "Touch End";

event.preventDefault();

}, false);

console.innerHTML = "event attached";

}

html, body {

height:100%;

width:100%;

margin: 0;

background-color:red;

}

#map {

height: 300px;

width: 300px;

background-color:yellow;

}