아이폰에서 a, button 제외 태그에서 클릭 동작하지 않는 경우,

모바일이 대세가 되고 있는 시점에서,

퍼블리싱하는 입장에서 몇가지 생각대로 동작되지 않는 경우가 있다. 

 

이 중, 실제로 좀 어이가 없었던 게 하나 있었는데, 

그것은 아이폰에서 터치가 먹지 않는 경우였다. 

예제를 들어보면, 

a와 button이외의 태그에 클릭이벤트를 주는 경우가 있다. 

//--------------------------------------------------------------

<span class="sp">클릭</span>

$(function(){

   $(".sp").on("click", function(){

      alert("클릭!!");

   });

});

//--------------------------------------------------------------

이 경우에, 아이폰에서 클릭 이벤트가 동작하지 않는다. 

이럴때 해결하는 방법은 간단하다.

사용하는 css에 아래의 내용만 추가해 주면 된다. 

.sp {cursor:pointer;}

그렇다. 해법은 커서포인터 였다. 

왠지 ios에서 마우스포인터에 대한 변화가 있어야만 이벤트를 인식하는 것 같은 느낌이다.

아이폰 이미지 : 출처 애플 웹사이트

 

이 외에도  ios에서 여러가지 버그가 있지만... 

다음에 또 추가하는걸로 ㅎㅎ