초

모바일에서 롤오버 기능을 사용하고싶을때 어떻게 하시나요?

· 2014-08-18 (월) 15:09:01 · 4420 · 3

모바일에서 롤오버 기능을 사용하고싶을때 어떻게 하시나요?

제가 원하는 기능은

<a href="/"><img src="./m_menu2.png" onmouseover="this.src='./m_menu2_on.png'" alt="설명글"></a>

요거인데요 ~  요개 모바일에서 확인해보니 특정기종(아이폰5 / 아이폰5s 과 베가 아이언, 갤럭시 노트3 등)에서는 오버됐을때 이미지가 깨져서 나오더라고요 ~ 

 

여러곳을 검색해보니 onmouseover는 모바일에서는 사용못한다고 onclick으로 해보라고 하시더라고요 ~

그래서 <a href="/"><img src="./m_menu2.png" onclick="this.src='./m_menu2_on.png'" alt="설명글"></a>

으로 바꿔서 확인해보니 모바일에서 클릭했을때 이미지 바뀌는게 안먹히더라고요 ~~

pc에서 모바일 버전으로 바꿔서 클릭할땐 이미지가 바뀌는데 모바일에서는 왜 안바뀔까요??  ㅠㅠ

 

설명이 넘 뒤죽 박죽이라....  설명이해가 될지 모르겟네요 ~~ ^^

|

댓글 3개

롤오버 기능을 쓰시려면 터치로 하셔야 합니다.
모바일에서는 onclick 가 딜레이가 발생해서 인식이 느립니다.
ontouch 이벤트를 사용하시면 이 부분은 해결되지만 이것 또한 정석은 아닙니다. ontouchstart()
답변 감사합니다 ^^
근데 <a href="/"><img src="./m_menu2.png" ontouch="this.src='./m_menu2_on.png'" alt="설명글"></a>
이렇게 넣어야하나요? 아님 자바스크립트 소스에서 따로 불러야하나요?
참 어렵네요 ~~ ㅠㅠ
예제
<div id="test_div" style="width:150px;height:150px;background:#ff6600;" ontouchstart="this.style.backgroundColor='#000';" ontouchend="this.style.backgroundColor='#666';">가나다라</div>

이렇게 넣으셔야 합니다.
물론 라인에다 쓰시면 좀 지저분해질수도 있으니 이왕이면 함수를 만들어 사용하시는것이 좋지 않을까 하네요.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-06-11 조회 3,072
16-02-15 조회 3,304
16-02-02 조회 2,973
16-01-25 조회 2,587
16-01-18 조회 2,694
16-01-08 조회 2,607
16-01-07 조회 2,616
16-01-05 조회 2,652
16-01-05 조회 2,950
16-01-05 조회 2,844
16-01-05 조회 2,805
16-01-04 조회 2,665
16-01-04 조회 2,673
16-01-04 조회 2,621
16-01-04 조회 2,534
15-12-30 조회 2,886
15-12-24 조회 2,700
15-12-24 조회 2,697
15-12-24 조회 2,725
15-12-24 조회 2,678
15-12-23 조회 2,666
15-12-16 조회 2,761
15-12-15 조회 2,822
15-12-11 조회 2,948
15-12-10 조회 2,810
15-11-09 조회 2,791
15-11-09 조회 3,014
15-10-06 조회 3,351
15-10-02 조회 3,128
15-05-29 조회 4,462
15-02-02 조회 4,439
15-01-18 조회 4,424
14-10-25 조회 8,381
14-10-25 조회 5,162
14-10-22 조회 7,166
14-10-22 조회 4,866
14-10-22 조회 4,822
14-10-18 조회 5,688
14-10-17 조회 6,065
14-10-17 조회 5,444
14-10-17 조회 8,980
14-10-17 조회 6,457
14-10-13 조회 4,385
14-10-13 조회 4,484
14-10-07 조회 6,161
14-09-24 조회 3,929
14-09-23 조회 3,994
14-09-22 조회 4,902
14-09-22 조회 6,133
14-09-22 조회 4,100
14-09-22 조회 3,771
14-09-21 조회 4,391
14-09-21 조회 3,875
14-09-20 조회 3,876
14-09-20 조회 3,781
14-09-20 조회 3,957
14-09-19 조회 3,882
14-09-19 조회 4,044
14-09-19 조회 3,929
14-09-19 조회 4,312
14-09-19 조회 3,952
14-09-19 조회 3,877
14-09-19 조회 4,165
14-09-19 조회 3,898
14-09-19 조회 3,946
14-09-19 조회 3,934
14-09-18 조회 4,011
14-09-18 조회 3,963
14-09-18 조회 4,234
14-09-18 조회 4,199
14-09-18 조회 4,212
14-09-18 조회 4,913
14-09-18 조회 5,468
14-09-18 조회 5,355
14-09-18 조회 4,154
14-09-18 조회 4,648
14-09-18 조회 4,268
14-08-30 조회 5,538
14-08-06 조회 6,022
14-08-06 조회 5,637
14-08-03 조회 5,275
14-06-12 조회 5,545
14-05-11 조회 3,729
14-05-11 조회 4,491
14-05-11 조회 4,594
14-05-09 조회 1.3만
14-05-01 조회 5,193
14-03-30 조회 4,396
14-03-23 조회 8,018
14-02-12 조회 3,901
13-10-29 조회 7,861
13-10-28 조회 8,687
13-09-29 조회 6,654
13-09-29 조회 4,282
13-07-23 조회 5,158
13-07-23 조회 1.2만
13-07-14 조회 4,689
13-07-14 조회 5,079
13-07-14 조회 6,042
13-07-14 조회 5,318