dom0 event model
에 대한 기사를 읽음으로써 내가 이해 한 것을 표현하려고합니다. javascript
에 실수가 있으면 수정하십시오.javascript의 DOM0 이벤트 모델을 이해
dom0 모델에서는 이벤트 처리기를 요소에 연결할 수 있습니다. 하나의 처리기 만 연결할 수 있습니다. 이벤트가 발생하면 브라우저는 해당 이벤트 처리기를 호출합니다.
이
1.Inline 모델
핸들러는 element.For의 예 A link element
(즉 <a>
)의 속성으로 추가됩니다을하는 두 가지 방법이 있습니다이 속성은 onclick
을했다. 우리는이 모델의 문제는 그것이() 본문에 넣어 헬로 때문에, 침입 점이다이
<a href="#" onclick="hello();"> say hello </a>
...
<script type="text/javascript">
function hello(){
window.alert("Hello");
}
</script>
처럼 안녕하세요 함수를 추가 요소의
2.traditional 모델
대신의 요소의 본문 요소의 속성으로 이벤트 핸들러를 추가하는이/핸들러의 제거하면 script.The 핸들러에 의해 이루어집니다를 부가이 같은 요소의 속성에 할당됩니다 아래에
<a href="#" id="hellolink"> say hello </a>
...
<script type="text/javascript">
function hello(){
window.alert("Hello");
}
//adding handler
document.getElementById('hellolink').onclick=hello;
</script>
및 질문 * 정확하게 이해한다면 *? – Joseph
예, 제 이해가 정확한지 말해주세요. – damon