steveosoule
11/14/2012 - 6:24 PM

JavaScript Touch Events

JavaScript Touch Events

javascript-touch-events.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
    <script>
		var gnStartTime = 0;
		var gbMove = false;
		var gbStillTouching = false;
		
		function checkTapHold(nID) {
		  if ((!gbMove) && (gbStillTouching) && (gnStartTime == nID)) {
		    gnStartTime = 0;
		    gbMove = false; 
		    alert('tap hold event');    
		  }
		}
		
		window.addEventListener('touchstart',function(event) {
		  gnStartTime = Number(new Date());
		  setTimeout('checkTapHold(' + gnStartTime + ');clearTimeout();',2000);
		},false);
		
		window.addEventListener('touchmove',function(event) {
		  gbMove = true;
		},false);
		
		window.addEventListener('touchend',function(event) {
		  gbStillTouching = false;
		},false);
	</script>
</head>
<body>
	<h1>Click, Hold, and Drag Stuff</h1>
</body>
</html>