이유 : 마우스 오버 지연?

-1

항상 요소를 두 드릴 때 :hover 절에 대해 궁금해했습니다. 예를 들어, 빨간색 배경 인 :hover이 지연되는 것처럼 보입니다. 그러나 배경을 변경하는 데 약 1 초가 걸립니다.이유 : 마우스 오버 지연?

Facebook에 게시 된 m.facebook.com과 같은 모바일 사이트에 대한 궁금증을 유발 한 또 다른 이유는 요소를 두 드릴 때 배경이 바뀌면 (즉, 알림을 탭하는 것처럼) 즉시 응답하는 것 같습니다.

:hover을 사용할 때 어떻게이 효과를 동일하게 만드나요?

오케이 ... 아무도 없어서 내 뜻을 알 수 없습니다. 전형적인 페이지. 당신이 아이폰에이를 볼 경우 링크를 눌러 때

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="viewport" content="width = device-width; initial-scale = 1.0; maximum-scale = 1.0; minimum-scale = 1.0; user-scalable = 0;" /> 
<style type="text/css"> 

.row { 
    padding: 20px; 
} 

.row a:hover .row { 
    background-color: red; 
} 

</style> 
<title>Test</title> 
</head> 
<body> 

<div class="row"> 
    <a href="#">Typical link</a> 
</div> 
<div class="row"> 
    <a href="#">Typical link</a> 
</div> 
<div class="row"> 
    <a href="#">Typical link</a> 
</div> 

</body> 
</html>

는 .row의 배경이 빨간색으로 배경을 변경하는 단지 초 걸립니다.

iOS 4.3.3을 사용하는 iPhone 3GS를 사용하고 있습니다. iOS 3.x 이후로는 그렇게 느껴지지 않으므로 아무 영향이 없습니다.

출처

2011-09-09 MacMac

나를위한 것이 아닙니다. 적어도 코드를 보여주십시오. 귀하의 브라우저와 버전. 추가 정보가 부족할 경우이를 기권합니다. –

큰 붉은 색 패널은 응시하면 더 오랫동안 그 색을 유지하는 것처럼 보입니다. 적색과 같이 따뜻한 색상의 색상 변화를 즉시 눈으로 파악하기는 어렵습니다. –

내 게시물이 업데이트되었습니다. @Justin Satyr - 내가 본 가장 재미있는 의견입니다. 링크를 탭해야 표시됩니다. – MacMac

터치 스크린 장치에서 이벤트는 약간 다릅니다. 커서가 없으면 마우스를 올리면 의미가 없습니다.

기본 동작이 원하는 응답을 제공하지 않는 경우 터치 이벤트에 따라 마우스를 올리거나 선택한 클래스를 추가하려면 javascript를 사용해야합니다. iOS에서 touchend 이벤트는 click 이벤트가 발생하기 몇 백 밀리 초에 시작되며 유사한 동작이 마우스 오버 동작에 적용됩니다.

출처

2011-09-09 06:24:00

touchend 이벤트의 경우 +1. – MacMac

[FastClick] (http://assanka.net/content/tech/2011/08/26/fastclick-native-like-tapping-for-touch-apps/) 코드를 통해이 문제를 어떻게 해결하는지 확인할 수 있습니다 클릭 이벤트에 대한 문제. –

이유 : 마우스 오버 지연?

답변

관련 문제