가장 일반적인 사용법은 입니다. 실제로 본문에 사용할 수 있을 뿐만 아니라 여러 HTML 태그도 지원합니다. 사용법은 다음과 같습니다. onload 이벤트 페이지 또는 이미지가 로드될 때 트리거됩니다. 지원되는 HTML 태그: , , , , <img>, <link>, <script> <br><br>예:<strong> </strong>첫 번째 방법<br><br></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="78976" class="copybut" id="copybut78976" onclick="doCopy('code78976')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code78976"><BODY onload="javascript:alert('liuzm.com')"></BODY> <br><br> </div>두 번째 방법<br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="70690" class="copybut" id="copybut70690" onclick="doCopy('code70690')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code70690"><script>window.onload=function (){alert('liuzm. com')}</script> <br><html> <br><title>이벤트 테스트</title> onload="init()"> <br><!-- 바인딩 방법 1: 요소에서 onXXX(이벤트)를 통해 바인딩 방법을 설정합니다.--> <BR><button id="btn1" onclick ="display()" >바인딩 방법 1</button> <br><br><!-- 바인딩 방법 2: Javascript 코드에서 요소를 가져오면 해당 요소의 onXXX(이벤트)가 됩니다. 바인딩 방법 설정--><BR><button id="btn2">바인딩 방법 2</button> <br><br><br><!-- 바인딩 방법 3: Pass for 및 이벤트는 다음과 같습니다. 요소 바인딩 이벤트(IE4). for는 요소 ID이고 event는 특정 이벤트입니다.-> <br><button id="btn3">Binding method three</button><br><br><!-- Binding method 4: AttachEvent(IE5)를 통해 이벤트를 요소에 바인딩합니다. 첫 번째 매개변수는 이벤트 이름이고, 두 번째 매개변수는 바인딩 방법입니다. --> <br><button id="btn4">Binding method four</button> ><br><script type="text/javascript"> <br>function init() { <br>document.getElementById("btn2").onclick = display;//버튼2에 대한 이벤트 바인딩 <br>document .getElementById("btn4").attachEvent("onclick", display);//버튼4에 대한 이벤트 바인딩<br>} <br><br> <br>인스턴스: <br><br><br><br> </div>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><a style="CURSOR: pointer" data="48663" class="copybut" id="copybut48663" onclick="doCopy('code48663')"> <u>function display(event) { </u>var targ;//이벤트를 발생시키는 객체 참조 </a>if (!event) { </span>var event = window.event;//현재 이벤트 가져오기(IE) </div>} <div class="codebody" id="code48663">if (event.target) {//IE에 대상이 없음 <br> targ = evente.target; <br>} else if (event.srcElement) {//IE에 적용 가능 <br>targ = event.srcElement; <br>} <br><br>//트리거하는 개체에 대한 작업 이벤트 <br>alert(targ.tagName "-" targ.id "-" event.x "-" event.offsetX) <br>targ.disabled="disabled" <br>} <br>< /script> ;<br><script for="btn3" event="onclick"> <br>display();//버튼3에 대한 이벤트 바인딩 <br><br> </div>
