2017-02-21
아래 이벤트는 모바일 페이지에서만 동작한다.
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
	$('#touch_test').on('touchstart', function(e){
		$('#touch_result').html('touch start');
	});

	$('#touch_test').on('touchend', function(e){
		$('#touch_result').html('touch end');
	});

	$('#touch_test').on('touchmove', function(e){
		x = e.originalEvent.touches[0].screenX;
		y = e.originalEvent.touches[0].screenY;
		$('#touch_result').html('touchmove(x:'+x+', y:'+y+')');
	});
});
</script>

<div id="touch_test" style="width:30vw;height:300px;border:1px solid #dddddd;">
이곳을 터치 하세요
</div>
<div id="touch_result">
</div>
이곳을 터치 하세요