Web

onClick 이벤트 사용시 아이폰 문제

알콜뭉뭉이 2017. 12. 10. 11:50

iPhone에서 onClick 이벤트가 동작하지 않는 경우가 종종 있습니다. 
이는 html 엘리먼트에 cursor 속성이 없기때문이다. 아이폰에서는 click 이벤트가 동작하지 않습니다.
혹자는 touchstart 이벤트를 걸어서 사용하면 된다고 하는데 touchstart는 말 그대로 터치를 시작하는 순간에 발생하는 이벤트라 스크롤이 필요한 곳에서 사용하는 경우 오동작을 초래 합니다.
아래와 같이 anchor 속성이 아닌 태그에 click이벤트를 거는 경우 반드시 아래와 같이 cursor 속성을 강제로 지정해주어야 합니다.


기존 : <img src="aaa.png" onclick="이벤트()">
변경 : <img src="aaa.png" onclick="javascript:이벤트()" style="cursor: pointer;">



참고자료
http://jsp-making.tistory.com/64
http://qnibus.com/blog/useful-things-for-mobile-web-development/