Leturn.Element.Drag

managerPropertystatic

Leturn.Element.Drag 클래스는 abstract 타입으로 인스턴스화 될수 없으므로 이 manager 속성을 이용해야 한다. <script> function testInstance() { try { var instance = new Leturn.Element.Drag; // can not be an instance. }catch(error) { alert( error.message ); alert( Leturn.Element.Drag.manager instanceof Leturn.Element.Drag ); // true. } }; </script> <body> <button onclick='testInstance();'>test instance</button> </body> 참조 :
- Global.LtnDrag
joinMethodstatic
( target:HTMLElement, options:Object=null ):void

드래그 처리를 수행할 대상을 등록한다. 옵셔널로 제공되는 options 인자로 커스터마이징을 적용할 수 있다. <head> <style> div { width:100px; height:50px; border:1px solid #000000; } input { width:70%; } </style> </head> <body> <input type='text'><br> <input type='text'> <script> var inputs = LtnD( 'input' ); for( var i = 0; i < 7; i++ ) { LtnD.createElement( 'div', function() { document.body.appendChild( this ); this.style.backgroundColor = LtnU.Color.toHEX( Math.round( Math.random()*0xffffff ) ); this.innerHTML = ' element ' + i; var img = null; if( i % 2 == 0 ) { img = this.appendChild( new Image ); img.onload = function() { this.style.cssText = 'width:50px; height:50px;'; }; img.src = 'https://www.google.co.kr/images/srpr/logo11w.png'; } LtnDrag.join( img || this, img? { dragtarget:this }: null ); if( i == 3 ) { LtnDrag.withdraw( img || this ); LtnDrag.join( img || this, { dragarea:{x:100, y:0, width:500, height:200 }, snap:30, cb: function(e) { if(e.type == LtnDrag.DRAG_STOP ) alert('dragstop!'); } }); } if( i == 4 ) { LtnDrag.withdraw( img || this ); LtnDrag.join( img || this, { dragarea:{x:0, y:-100, width:0, height:100 }, cb: function(e) { if(e.type == LtnDrag.DRAG_STOP ) alert('dragstop!'); } }); } if( i == 6 ) { LtnDrag.withdraw( img || this ); LtnDrag.join( this, { preventchildren: [img] }); } }); } LtnDrag.onDragStart = function(e) { inputs[0].value = e.type +'/'+ e.parameters.target +'/'+e.parameters.x +'/'+this.y; }; LtnDrag.addEventListener( LtnDrag.DRAGGING, function(e) { inputs[1].value = e.type +'/'+ this.target +'/'+e.parameters.x +'/'+this.y; }); LtnDrag.onDragStop = function(e) { inputs[0].value = e.type +'/'+ this.target +'/'+this.x +'/'+e.parameters.y; }; </script> </body> 참조 :
- Leturn.Element.draggable