차근차근/JAVA Script

마우스 오버 모바일에서 한번 더 터치해야 사라짐..해결중..

예쁜꽃이피었으면 2023. 8. 25. 11:42

https://qastack.kr/programming/8291517/disable-hover-effects-on-mobile-browsers

 

모바일 브라우저에서 호버 효과 비활성화

 

qastack.kr

https://ui.toast.com/posts/ko_20220106

https://east-star.tistory.com/44

 

마우스 이벤트, 제대로 사용하고 계신가요? - 클릭과 터치

'세 줄 독후감' 웹사이트를 운영하며, 최근 사용자들에게 한 오류를 제보 받았습니다. 아래 독후감 평점 입력 기능이 동작하지 않는다는 것이었습니다. 근본적인 원인을 찾아보자 먼저 데스크톱

east-star.tistory.com

https://doqtqu.tistory.com/355

 

[css] 모바일 환경(터치 스크린)에서의 hover 이슈

스마트폰과 태블릿과 같은 터치 디바이스에서는 PC와 다르게 hover가 적용되지 않는다. 따라서, 반응형 작업을 하다보면 등록되어 있는 hover css로 인해 여러가지 사이드 이펙트가 일어날 수 있다.

doqtqu.tistory.com

https://ohgyun.com/350

 

iPad hover 이슈 처리 방법

발생일: 2012.01.10 문제: 아이폰이나 아이패드와 같은 터치 디바이스에서는 PC와 다르게 hover(마우스 롤오버) 효과가 적용되지 않는다. '마우스' 개념이 없기 때문이다. 실제로 모바일 웹 페이지를

ohgyun.com


https://jsp-making.tistory.com/63

 

모바일 기기를 고려한다면, mouseover 와 click 이벤트를 모두 설정하여야..

PC 환경에서는 mouseover 가 의미있지만, 모바일 기기 환경에서는 mouseover 가 의미 없음. 이유는, 모바일 기기에서는 "터치" 를 하기 때문. 터치하는 곳이 마우스 커서가 있는 곳이지요. 따라서 모바

jsp-making.tistory.com

onclick="javascript:funcA(paramA)" 라고 하면 모바일 기기에서도 작동합니다.

반응형