onClick 이벤트 사용시 아이폰 문제 > 온라인강의

본문 바로가기
 
 
 
오늘 1,606
어제 2,343
최대 2,454
전체 3,198,862
비즈니스의 시작 비즈명함 ~ 가격, 품질, 배송 3가지 만족을 드리는 비즈명함 / 즉석명함 / 급행서비스 / 서울 전지역 수도권일부 3시간배송

온라인강좌 홈 > 온라인강좌 > 온라인강좌

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

페이지 정보

작성일2016-12-06 02:28 조회848회 댓글0건

본문

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 122건 1 페이지
온라인강의 목록
번호 제목
122
121
120
JavaScript 정보 복사 (write.2016-12-08)  Hit.885
열람중
118
JavaScript [jQuery] FASHION RESPONSIVE SLIDER (write.2016-10-18)인기글  Hit.1288
117
116
115
114
113
JavaScript url 복사 클립보드 (write.2016-09-09)인기글  Hit.1403
112
JavaScript [모바일] 왼쪽 푸시 메뉴 (write.2016-09-08)인기글  Hit.1315
111
110
JavaScript [jQuery] Mobile 버전 (write.2016-01-21)인기글  Hit.2022
109
108
107
JavaScript [jQuery] 글자수 체크 (write.2014-11-15)인기글  Hit.3454
106
JavaScript [jQuery] tr 이동시키기 (write.2014-09-27)인기글  Hit.6841
105
104
103
102
101
JavaScript 소수점 제어하기 (write.2013-07-02)인기글  Hit.7447
100
99
JavaScript 모바일 웹 주소창 숨기기 (write.2013-06-24)인기글  Hit.10169
98
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호:119-05-36414 (08394) 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
전화: 070-7600-3500 팩스:02-865-3528 개인정보관리:정창용 mail@happyjung.com 에스크로확인
개인정보취급방침
COPYRIGHT 2001~2017 해피정닷컴. All rights reserved. 부가통신사업신고:서울체신청-1217 통신판매신고:2014-서울구로-0074
 
모바일 버전으로 보기