代码如下所示。我的问题是:如果(函数内的)old = 0 改为old,即不赋予初值,则出错,touchmove中的old为undefined。肯定是先执行touchstart,然后执行touchmove。
执行touchstart时old被赋值,alert输出证实了这点,然后执行touchmove时,old应该有值才对,但却居然为undefined。为什么呢?不过倒是有解决方法
解决方法有2个:
(1)为old赋予初值
(2)将old声明提到函数外,成为全局变量
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<script type="text/javascript">
//var old = 66;
function touchHandler(e){
var output = document.getElementById("div");
var old =11;
switch(e.type){
case "touchstart":
old = 88;//alert(old);
break;
case "touchend":
break;
case "touchmove":
//alert(old);
output.innerHTML += old + "<br>";
break;
}
}
document.addEventListener("touchstart",touchHandler);
document.addEventListener("touchend",touchHandler);
document.addEventListener("touchmove",touchHandler);
</script>
</head>
<body>
<div id="div" style="width:300px;height:200px;border:2px solid red;"></div>
</body>
</html>