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

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

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

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

페이지 정보

작성일2016-12-06 02:28 조회847회 댓글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 1,812건 1 페이지
온라인강의 목록
번호 제목
1812
1811
1810
일반 WEB 서버와 WAS 서버 (write.2017-02-18)  Hit.37
1809
일반 VPN 에 연결할 수 없음 (write.2017-02-18)  Hit.38
1808
JSP 게시판 만들기 - 삭제 (write.2017-02-17)  Hit.43
1807
JSP 게시판 만들기 - 수정 (write.2017-02-17)  Hit.39
1806
JSP 게시판 만들기 - 내용 (write.2017-02-17)  Hit.40
1805
JSP 게시판 만들기 - 글쓰기 (write.2017-02-17)  Hit.40
1804
JSP 게시판 만들기 - 목록 (write.2017-02-17)  Hit.40
1803
1802
JSP JSP 지원되는 Captcha (write.2017-02-15)  Hit.66
1801
1800
JSP [eclipse] 한글 팩 (Language Packs) (write.2017-02-15)  Hit.71
1799
1798
1797
1796
1795
Search robots.txt (write.2017-02-06)  Hit.191
1794
1793
SNS [Kakao] 옐로아이디 홍보하기 (write.2017-02-03)  Hit.214
1792
1791
1790
그누보드 [G4] sitemap.xml 생성하기 (update.2017-01-25)  Hit.343
1789
1788
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호: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
 
모바일 버전으로 보기