티스토리 뷰

브라우저에 따라서 다르게 나타나는 문제입니다. IE가 아닌 브라우저에서는 마우스 이벤트를 잡아내는데 별 이상이 없는지라 마우스의 드래그앤 드롭 신호를 정확히 잡아 냅니다. 근데 IE에서는 마우스 이벤트를 제대로 잡아 내지 못하는 경향이 있습니다.

드래그 신호가 마우스 버튼을 땐 후에도 사라지지 않아 한번 더 누를때까지 계속 잡혀 있을 수도 있고, 드래그 중에 갑자기 끊어지는 경우도 있습니다. Mootools 에서 보면 드래그 드롭 신호를 처리하는 곳이나 혹은 Sortable 클래스를 사용할때 문제가 되고 있습니다. Sortable 기능은 개인적으로 좋아하는지라 자주 사용하는데 IE에서는 사용이 그다지 원활하게 이루어지지 않아서 늘 불만이 있던 부분이었습니다. 물론 다른 브라우저에서는 테스트를 해봤는데 그런 문제가 보이지 않습니다.(파이어폭스, 사파리, 크롬, 오페라)

이 문제가 불만이었던게 1년 넘어가던 시점에서 다른 작업 중에 생각이나서 테스트 해보니 맘에 100% 들지는 않지만 그래도 괜찮은 방법을 찾게 되었습니다.

<body ondragstart="return false;" onselectstart="return false;">

body 태그에 다음과 같이 써줍니다. 원래는 소스를 못가져가게 하려고 사용되는 이벤트 코드인데, 적용해서 써보니 아무 만족스럽게 드래그앤 드롭이 동작됩니다.(타 브라우저도 그대로 잘 됩니다)

아마도 IE에서는 드래그 이벤트를 2중 3중으로 발생시키면서 생기는 문제인거 같습니다. Mootools를 쓰는 경우에...

 

이외에도 자동완성 기능같은 경우에도 input 폼에서 키보드 입력값 처리에서도 브라우저 별로 차이가 좀 있습니다. 보통 keydown이나 keypress 이벤트를 쓰면 되지만 특정 브라우저에서는 한글의 경우 저 이벤트가 안먹는 경우가 있습니다. 그래서 한글  자동완성 기능을 사용해야 하는 경우 input 폼에 타이머를 걸어서 일정시간마다 입력된 값을 지속적으로 감시하도록 해야 하는 경우도 있습니다. 이 부분은 외국사람들도 같은 문제가 있는건지 보통 auto-complete 나 suggest 하는 클래스들 보면 단순히 key입력 이벤트만 쓰는게 아니라 타이머를 쓰더군요.

 

'Old' 카테고리의 다른 글

ASP CINT 사용시 제한  (0) 2010.09.28
우분투 설치하기 10.04 LTS  (0) 2010.08.06
Mootools Overlay Plugin  (0) 2010.07.17
PHP Simple HTML DOM Parser  (0) 2009.12.24
RWAPM 5.7.4.2 릴리즈  (0) 2009.12.24
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함