[Tip]javascript에서 동적으로 Event를 더하기..

오늘 몰라서..한참을 헤멨던 것....-_-;;

1. 하고자 했던 것은, 평소에는 Mouse Over, Out 시에 이미지가 바뀌는 버튼이 선택되고 나면 바뀌지 않고 선택된 채로 남아있게 하는 것. Onmouseover이벤트에 함수가 있는것을 지우는 것은 간단했다. onmouseover=null; 했더니 바로 없어졌으니까. 그런데 이렇게 null로 된 버튼에 다시 이벤트를 주는 것에서문제가 발생했다. 처음 짠 코드는 어땠냐면..

button.onmouseover = "changeImage()";

하지만, 이렇게 하면.. 이 changeImage()는 함수가 아니라, 문자열로 인식되기 때문에 아무런 효과가 없다..-_-;;

구글에서 한참 뒤진 결과..방법을 알게 되었다.

button.onmouseover = function() { changeImage() };

이렇게 function() 을 붙여줘야, 함수라는 개체로 인식이 된다는 것...

2. 그런데, 이것보다 더 좋은 방법을 조금 있다가 누군가에게서 배워서 알게 되었다는 것...-_-;;;

attachEvent() 라는 메서드를 쓰면 된다.

즉,

button.attachEvent('onmouseover',changeImage);

* 그런데, attachEvent는.. IE에서만 된다...FireFox를 생각한다면 쓰면 안 됨...(현재 프로젝트는 Outlook에 있는 IE만을 Target으로 하고 있기 때문에 그냥 뒀다..)