반응형
onmouseover, onmousemove 이벤트시 색을 변경
<tr onmouseover="this.style.backgroundColor='#eeeeee'>
<tr onmousemove="this.style.bakgroundColor='#eeeeee'>
위와 같이 이벤트를 적용시킴..
마우스를 아주 빨리 움직이면 이벤트가 제대로 먹지 않는 경우가 있는데..
이는 브라우저나 javascript의 한계인듯,, css hover 도 마찬가지...
-----------------------------------------------------------------------
A. 마우스 업다운 동작체크 - 임의의 변수에 이전 y좌표 기록 - 업, 다운 판단
B. 이벤트를 체크할 테이블 영역 좌표 확인
A 동작시 그 영역이 B이면, 처음 체크된 이벤트 tr부터 마지막 체크된 tr 까지 backgroundColor 변경,
만약 처음 체크된 tr 이벤트가 행의 처음이나 마지막이 아닐때, backgroundColor 먼저 변경..,
tr이 이미 변경되었으면 skip..
코드로 만들려니 귀찮...............
반응형