iScroll 사용시 input, textarea등 컨트롤 입력 예외처리

모바일 웹 페이지를 제작할 때 iScroll을 이용하면 터치로 스크롤을 할 수 있습니다.

하지만 모든 화면을 스크롤 할 수 있기 때문에 컨트롤이 제대로 동작을 안합니다.

다음처럼 iScroll을 사용할 때 예외처리를 해줘면 좋아요

</script>
<script type="text/javascript">
	var myScroll;
	function loaded() {
		myScroll = new iScroll('main', {
			useTransform: false,
			onBeforeScrollStart: function (e) {
			var target = e.target;
			while (target.nodeType != 1) target = target.parentNode;
			if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA')
				e.preventDefault();
			}
		});
	}
	
	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
	document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);
</script>

 iScroll.js는

http://cubiq.org/iscroll-4에서 다운받을 수 있습니다.