내가 자꾸 까먹어서 쓰는 개발 이야기/jQuery

모바일에서 특정 오브젝트 스크롤 막기

FIL. 2014. 2. 12. 15:53
728x90
document.body.addEventListener('touchstart', function(e){ e.preventDefault(); });

와 같이 하여 document 전체에 대해 이벤트를 막을 수 있음.


특정 객체를 선택하여 이벤트를 막으려는 경우에는 jquery를 사용하여,


$("any-object-selector").get(0).addEventListner( 'touchstart', function(e) {e.preventDefault();});


해제도 필요한 경우에는 function을 따로 정의하여 사용한다.


function lock_touch(e) {

e.preventDefault();

}


설정 : $("any-object-selector").get(0).addEventListner( 'touchstart', lock_touch);


해제 : $("any-object-selector").get(0).removeEventListner( 'touchstart', lock_touch);



출처 : http://stackoverflow.com/questions/10592411/disable-scrolling-in-all-mobile-devices