Leturn.EventDispatcher

domTargetProperty

현재 이 클래스에서 이벤트 처리를 위해서 의뢰한, DOM 요소의 대상 객체(window, document or HTMLElement)를 참조한다.
domTarget은 window, document, history등 코어 개체를 포함 HTMLElement가 여기에 해당된다.
따라서 textNode는 불가하다. 그리고 자식요소를 수용할수 있는 container특성을 가져야 한다.
※ 이 domTarget은 옵셔널이다. 항상 반드시 지정되어야 하는 속성은 아니다. Leturn.Element처럼 DOM요소를 핸들링 하는경우라면 꼭 필요하겠지만... <script> function test() { alert( new Leturn.EventDispatcher( document ).domTarget ); // object HTMLDocument alert( new LtnE( window ).domTarget ); // object Window alert( new LtnE( document.createElement('div') ).domTarget ); // object HTMLDivElement alert( new LtnE( document.createTextNode('Hello World') ).domTarget ); // null. textNode is not a DOMElement. alert( new LtnE( new Object ).domTarget ); // null. object is not a DOMElement. alert( new LtnE( 'myDom' ).domTarget ); // null. 'myDom' is not a DOMElement. }; </script> <body> <button onclick='test();'>test</button> </body> 참조 :
- Global.LtnE
createEventMethodstatic
( eventType:String, eventInit:Object=null ):Objcect

dispatchEvent를 수행하기 위한 커스텀 이벤트를 생성한다.
만약 첫문자가 dot(.)으로 시작하면, Leturn.Event를 생성하며, 그렇지 않을경우, Native DOM event를 생성한다.
이 메소드는 dispatchEvent를 수행하기 위한 효율적 방안으로 제공되지만, dispatchEvent를 처리하기 위해서 반드시 이 메소드를 수행해야 하는것은 아니다.
즉, 이 메소드를 이용해서 이벤트 생성이 아닌, 직접 native 스크립트로 이벤트를 생성해서 전달해줘도 된다. <script> function test() { var evt1 = Leturn.EventDispatcher.createEvent( 'execute' ); // Event ( type: 'execute' bubbles: false, cancelable: false ) var evt2 = LtnE.createEvent( 'run', { bubbles: true, cancelable: true } ); // Event ( type: 'run' bubbles: false, cancelable: true ) var evt3 = LtnE.createEvent( 'click', { eventObjectName: 'MouseEvent' } ); // MouseEvent ( type: 'click', bubbles: false, cancelable: false ) var evt4 = LtnE.createEvent( 'dataLoaded', { eventObjectName: 'CustomEvent', detail:new Date().getTime() } ); // CustomEvent ( type: 'dataLoaded', detail = 189318, bubbles: false, cancelable: false ) // Creates Leturn.Event type. var evt5 = LtnE.createEvent( '.click' ); alert( evt1 ); alert( evt2 ); alert( evt3 ); alert( evt4 ); alert( ( evt1 instanceof Leturn.Event ) +'/'+ ( evt2 instanceof Leturn.Event ) +'/'+ ( evt3 instanceof Leturn.Event ) +'/'+ ( evt4 instanceof Leturn.Event ) ); // false/false/false/false alert( evt5 instanceof Leturn.Event ); // true. alert( LtnE.isDOMType( evt5.type ) ); // false. }; </script> <body> <button onclick='test();'>test</button> </body> 참조 :
- Global.LtnE