JavaScript touchevent

PF
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 1
0

Witam, chciałbym się dowiedzieć dlaczego aplikacja po uruchomieniu nie działa poprawnie.
Na ekranie nie ma żadnych rezultatów, kiedy klikamy na DIV-a "touchzone".

Kopiuj
<!DOCTYPE html>

<html lang ="pl-PL">
<head>
<meta charset="utf-8"/>
<!--<script type="text/javascript" src="skrypt.js"></script>-->
<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>



 
Maciej Cąderek
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 1264
0

Bo funkcję init żeby się wykonała trzeba wywołać (jak każdą funkcję).

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.