<div class="codetitle"> <span><a style="CURSOR: pointer" data="31179" class="copybut" id="copybut31179" onclick="doCopy('code31179')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code31179"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br>< 제목>없음 제목 문서</title> <br><body><br><input id="butt" type="button" value="Submit" /> >< ;/body> <br><script type="text/javascript"> <br>var EventUtil = {} <br>EventUtil.formatEvent = function(oEvent){ <br>if(window.ActiveXObject ){ <br>//W3C 이벤트의 charCode 속성, 누른 키의 유니코드 값<br>oEvent.charCode = (oEvent.type == 'keypress') ? oEvent.keyCode: <br>//W3C 이벤트의 eventPhase 속성 <br>//이벤트 단계는 다음 값 중 하나를 가질 수 있습니다. <br>// 0 - 캡처 단계 <br>// 1 - 대상 <br>// 2 - 버블링 단계 <br>oEvent.eventPhase = 2; <br>//W3C 이벤트의 isChar 속성은 누른 키에 관련 문자가 있는지 여부를 나타냅니다. <br>oEvent.isChar = (EventUtil.charCode > 0)/ / W3C 이벤트의 pageX 속성, 페이지를 기준으로 한 마우스의 X 좌표<br>oEvent.pageX = oEvent.clientX document.body.scrollLeft <br>//W3C 이벤트의 pageY 속성, 페이지의 Y 좌표 페이지에 상대적인 마우스<br>oEvent.pageY = oEvent.clientY document.body.scrollTop <br>//W3C 이벤트의 PreventDefault 메소드는 이벤트의 기본 동작을 방지합니다. <br>oEvent.preventDefault = function(){ <br>this.returnValue = false; <br>}; <br>//이벤트의 두 번째 대상인 W3C 이벤트의 관련Target 속성은 마우스 이벤트에 자주 사용됩니다. <br>if(oEvent.type == ' mouseout'){ <br>oEvent.관련Target = oEvent .toElement; <br>}else if(oEvent.type == 'mouseover'){ <br>oEvent.관련Target = oEvent.fromElement <br> //W3C 이벤트의 stopPropagation 메소드, 버블링 이벤트 취소 <br>oEvent.stopPropagation = function(){ <br>this.cancelBubble = <br>}//W3C 이벤트의 대상 속성 <br>oEvent.target = oEvent.srcElement; <br>/ /W3C 이벤트의 타임스탬프 속성은 현재 시간을 생성하고 밀리초 수를 반환합니다. <br>oEvent.time = (new Date()).getTime(); 🎜>} <br>return oEvent; <br>}; <br>EventUtil.getEvent = function(){ <br>if(window.event){ <br>// IE에서 이벤트 객체 반환<br>return this.formatEvent(window.event); <br>}else{ <br>// W3C에서 이벤트 객체 반환 <br>return EventUtil.getEvent.caller.arguments[0]; 🎜>document.getElementById('butt').onclick = function(){ <br>var oEvent = EventUtil.getEvent() <br>alert(oEvent) <br>}; <br></html><br><br> </div>
