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,643건 40 페이지
  • RSS
기술자료 목록
1863
일반   14844  2016-12-22 16:37  
1862
도메인   12608  2016-12-13 11:17 ~ 2020-02-12 11:07  
1861
MSSQL   32126  2016-12-12 20:58 ~ 2017-09-22 00:00  
1860
JavaScript   10533  2016-12-08 00:48  
1859
그누보드   21713  2016-12-06 11:58 ~ 2018-12-25 12:43  
1858
HTML   10711  2016-12-06 02:42  
열람
JavaScript   16411  2016-12-06 02:28  
1856
그누보드   14604  2016-12-05 19:45 ~ 2021-01-05 12:01  
1855
MSSQL   15427  2016-11-25 01:06  
1854
Editor   19838  2016-11-24 18:19 ~ 2021-05-21 19:33  
1853
HTML   11890  2016-11-24 16:58  
1852
일반   16091  2016-11-16 20:16 ~ 2016-12-04 00:00  
1851
HTML   9213  2016-11-15 03:17 ~ 2016-12-27 00:00  
1850
일반   30744  2016-11-14 14:21 ~ 2017-04-21 00:00  
1849
그누보드   16640  2016-11-14 12:58  
1848
전자결제   17768  2016-11-13 15:27 ~ 2019-01-11 18:09  
1847
etc언어   11788  2016-11-07 23:58  
1846
Adobe   15641  2016-11-04 18:38  
1845
그누보드   28447  2016-11-03 15:42 ~ 2021-06-11 18:36  
1844
일반   14927  2016-10-29 13:48 ~ 2021-11-26 15:18  

검색

해피정닷컴 정보

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

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