메뉴 건너뛰기

예제 9-10의 소스 코드에서 onwheel 이벤트 리스너가 Firefox나 Microsoft Edge 등에서는 잘 실행되는데.,

최근의 Chrome에서는 잘 실행되지 않습니다.

다음과 같이 <span 태그에 style="display:inline-block"을 삽입하면 잘 실행 됩니다.

    <span onmousedown="down(this)"
          onmouseup="up(this)"
          onmouseover="over(this)"
          onmouseout="out(this)"
          onwheel="wheel(event, this) style="display:inline-block"">이벤트
     </span>가 발생합니다.

 

그 이유를 현재로서는 정확이 모르겠지만, Chrome이 CSS의 display 속성이 inline인 태그에서 대해서는 작동하지 않게 된 듯합니다.

(<span> 태그는 태생적으로 display 속성이 inline 인 태그입니다. 교재 5장의 1절에서 display에 대한 설명을 참고하세요)

확실한 이유를 알게 되면 다시 공지하겠습니다.

 

조금더 자세한 것은 Q&A 334번을 참고하세요.


위로