| Object의 이벤트의 지원과 사용 | Go to Event |
NN4와 IE4에서 새로 추가된 많은 이벤트가 있습니다. 이들 추가된 이벤트는 각기 사용할 수 있는 element에 지정할 수 있고 사용할 수 있는 Object에서 사용할 수 있습니다.
버젼4의 브라우저에서 이벤트를 지정할 수 있는 element와 사용할 수 있는 object가 서로 다릅니다. 이 때, 지정할 수 없는 element에 이벤트를 지정해도 에러는 나지 않습니다. 마찬가지로 사용할 수 없는 object에서 이벤트를 사용해도 에러는 나지 않습니다.
HTML에서 지원하지 않는 attribute가 에러를 내지않고 단순히 무시되는 것과 같습니다. 지원하지 않고 사용할 수 없는 이벤트는 단순히 무시됩니다. 에러는 나지 않습니다.
ie4에서는 font 택에도 mouseover 이벤트를 지정할 수 있습니다. 즉, font택이 mouseover 이벤트를 지원합니다. 마우스를 FONT MOUSEOVER 위에 가져가면 "MOUSE OVER"를 alert 창이 보여줍니다. 하지만, nn4에서는 font 택은 mouseover 이벤트를 지원하지 않습니다. 따라서, alert 창이 나오지 않고 어떤 에러도 나지 않습니다. 단순히 무시될 뿐입니다. 위의 HTML구문에 ie4로 마우스를 가져가면 alert 창이 나옵니다. 위의 구문은 A 택이 아니고 font 택입니다.
지원하지 않는것은 단순히 무시한다는 것을 유용하게 사용할 수 있습니다. 두 브라우저를 구분하여 어떤 작업을 하는데 효과적입니다.
<script>
n4 = (document.layers)?1:0;
e4 = (document.all)?1:0;
function downEvent(e, iloveyou) {
if (n4) alert("Event type is " + e.type + " object is "+ iloveyou)
else if (e4) alert("Event type is " + event.type + " object is " + iloveyou)
}
</script>
</head>
<body>
<A href="javascript:alert('HREF')" onMouseDown="downEvent(event, this)">DOWN</A>
DOWN 이라는 글자를 누르면 mousedown event type를 alert 창이 보여줍니다.
function downEvent(e) 에서 e는 nn4에서 event object를 가리키는 함수의 인자 입니다.
ie4에서는 이렇게 지정할 필요가 없습니다. e는 nn4에서 event object가 자신의 함수나 property를 다룰 때 사용합니다. 이것을 넣어줘야지 사용할 수 있습니다. 이유는 없습니다. 그렇게 브라우저를 만들었기 때문이죠. :) ie4에서는 event object를 다룰 때 event로 사용하면 됩니다. e같은 함수의 인자가 필요가 없습니다. 그리고, e는 E, eee등 아무거나 사용하면 됩니다. 지정할 때와 사용할 때 똑같은 것이면 상관이 없습니다.
어떤 Object의 이벤트 헨들러에 지정한 함수 안에서 this 를 사용하면
this는 자신을 말합니다. object 계층의 일부에 있는 자신의 object입니다.
위의 경우 링크 자신을 말합니다. nn4, ie4 같습니다.
이것은 JavaScript1.1에서 부터의 기본적인 규칙입니다.