JavaScript TouchEvent不起作用

时间:2016-11-11 15:12:29

标签: javascript html touchstart

最近我开始玩TouchEvent。 我想问一下为什么这段代码不起作用。 为什么DIV" coords"不显示任何结果。 我使用了以下代码:https://mobiforge.com/design-development/html5-mobile-web-touch-events



<!DOCTYPE html>

<html lang ="pl-PL">
<head>
<meta charset="utf-8"/>

<style>
#touchzone{
width:300px;
height:300px;
border:1px solid #aaaaaa;


}


</style>
 
</head>

 
<body>
<div id="coords"></div>
 <div id="touchzone"></div>
<script type="text/javascript">
window.onload=function(){
function init() {
  var touchzone = document.getElementById("touchzone");
  touchzone.addEventListener("touchstart", touchHandler, false);
  
}

}


function touchHandler(event) {
  var coords = document.getElementById("coords");
  coords.innerHTML = 'x: ' + event.touches[0].pageX + ', y: ' + event.touches[0].pageY;
  
}

</script>

 </body>


</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案