onClick 이벤트 사용시 아이폰 문제 > 기술자료 | 해피정닷컴

onClick 이벤트 사용시 아이폰 문제 > 기술자료

본문 바로가기

사이트 내 전체검색

onClick 이벤트 사용시 아이폰 문제 > 기술자료

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

페이지 정보


본문

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/

댓글목록

등록된 댓글이 없습니다.


Total 2,640건 40 페이지
  • RSS
기술자료 목록
1860
JavaScript   10398  2016-12-08 00:48  
1859
그누보드   21070  2016-12-06 11:58 ~ 2018-12-25 12:43  
1858
HTML   10531  2016-12-06 02:42  
열람
JavaScript   16035  2016-12-06 02:28  
1856
그누보드   14208  2016-12-05 19:45 ~ 2021-01-05 12:01  
1855
MSSQL   15213  2016-11-25 01:06  
1854
Editor   19331  2016-11-24 18:19 ~ 2021-05-21 19:33  
1853
HTML   11725  2016-11-24 16:58  
1852
일반   15968  2016-11-16 20:16 ~ 2016-12-04 00:00  
1851
HTML   8998  2016-11-15 03:17 ~ 2016-12-27 00:00  
1850
일반   30528  2016-11-14 14:21 ~ 2017-04-21 00:00  
1849
그누보드   14256  2016-11-14 12:58  
1848
전자결제   17515  2016-11-13 15:27 ~ 2019-01-11 18:09  
1847
etc언어   11599  2016-11-07 23:58  
1846
Adobe   15145  2016-11-04 18:38  
1845
그누보드   26716  2016-11-03 15:42 ~ 2021-06-11 18:36  
1844
일반   14747  2016-10-29 13:48 ~ 2021-11-26 15:18  
1843
ClassicASP   12646  2016-10-28 17:19 ~ 2018-08-24 16:00  
1842
WordPress   10382  2016-10-22 01:37  
1841
JavaScript   11564  2016-10-18 13:52 ~ 2021-02-19 08:23  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.