jsdk-offical

<!doctype html> <html class="default no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>TouchDelegate | JSDK 2.7.0 API</title> <meta name="description" content="Documentation for JSDK 2.7.0 API"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../assets/css/main.css"> </head> <body> <header> <div class="tsd-page-toolbar"> <div class="container"> <div class="table-wrap"> <div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base=".."> <div class="field"> <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label> <input id="tsd-search-field" type="text" /> </div> <ul class="results"> <li class="state loading">Preparing search index...</li> <li class="state failure">The search index is not available</li> </ul> <a href="../index.html" class="title">JSDK 2.7.0 API</a> </div> <div class="table-cell" id="tsd-widgets"> <div id="tsd-filter"> <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a> <div class="tsd-filter-group"> <div class="tsd-select" id="tsd-filter-visibility"> <span class="tsd-select-label">All</span> <ul class="tsd-select-list"> <li data-value="public">Public</li> <li data-value="protected">Public/Protected</li> <li data-value="private" class="selected">All</li> </ul> </div> <input type="checkbox" id="tsd-filter-inherited" checked /> <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label> <input type="checkbox" id="tsd-filter-externals" checked /> <label class="tsd-widget" for="tsd-filter-externals">Externals</label> <input type="checkbox" id="tsd-filter-only-exported" /> <label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label> </div> </div> <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a> </div> </div> </div> </div> <div class="tsd-page-title"> <div class="container"> <ul class="tsd-breadcrumb"> <li> <a href="../globals.html">Globals</a> </li> <li> <a href="../modules/js.html">JS</a> </li> <li> <a href="../modules/js.input.html">input</a> </li> <li> <a href="js.input.touchdelegate.html">TouchDelegate</a> </li> </ul> <h1>Class TouchDelegate</h1> </div> </div> </header> <div class="container container-main"> <div class="row"> <div class="col-8 col-content"> <section class="tsd-panel tsd-comment"> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>The class supports for touch-based HTML5 drag/drop/tap/doubletap/longtap events.</p> </div> <p>The purpose of this class is to enable using existing, standard HTML5 drag/drop code on mobile devices running IOS or Android. The class will automatically start monitoring touch events and will raise the HTML5 drag drop events (dragstart, dragenter, dragleave, drop, dragend) which should be handled by the application.</p> <p>For details and examples on HTML drag and drop, see <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Drag_operations">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Drag_operations</a>.</p> </div> </section> <section class="tsd-panel tsd-hierarchy"> <h3>Hierarchy</h3> <ul class="tsd-hierarchy"> <li> <span class="target">TouchDelegate</span> </li> </ul> </section> <section class="tsd-panel-group tsd-index-group"> <h2>Index</h2> <section class="tsd-panel tsd-index-panel"> <div class="tsd-index-content"> <section class="tsd-index-section tsd-is-not-exported"> <h3>Constructors</h3> <ul class="tsd-index-list"> <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-not-exported"><a href="js.input.touchdelegate.html#constructor" class="tsd-kind-icon">constructor</a></li> </ul> </section> <section class="tsd-index-section tsd-is-not-exported"> <h3>Methods</h3> <ul class="tsd-index-list"> <li class="tsd-kind-method tsd-parent-kind-class tsd-is-not-exported"><a href="js.input.touchdelegate.html#setdragimage" class="tsd-kind-icon">set<wbr>Drag<wbr>Image</a></li> </ul> </section> </div> </section> </section> <section class="tsd-panel-group tsd-member-group tsd-is-not-exported"> <h2>Constructors</h2> <section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-not-exported"> <a name="constructor" class="tsd-anchor"></a> <h3>constructor</h3> <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-not-exported"> <li class="tsd-signature tsd-kind-icon">new <wbr>Touch<wbr>Delegate<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="js.input.touchdelegate.html" class="tsd-signature-type">TouchDelegate</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> </aside> <h4 class="tsd-returns-title">Returns <a href="js.input.touchdelegate.html" class="tsd-signature-type">TouchDelegate</a></h4> </li> </ul> </section> </section> <section class="tsd-panel-group tsd-member-group tsd-is-not-exported"> <h2>Methods</h2> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-not-exported"> <a name="setdragimage" class="tsd-anchor"></a> <h3>set<wbr>Drag<wbr>Image</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-not-exported"> <li class="tsd-signature tsd-kind-icon">set<wbr>Drag<wbr>Image<span class="tsd-signature-symbol">(</span>img<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, offsetX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, offsetY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> </aside> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>img: <span class="tsd-signature-type">any</span></h5> </li> <li> <h5>offsetX: <span class="tsd-signature-type">any</span></h5> </li> <li> <h5>offsetY: <span class="tsd-signature-type">any</span></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4> </li> </ul> </section> </section> </div> <div class="col-4 col-menu menu-sticky-wrap menu-highlight"> <nav class="tsd-navigation primary"> <ul> <li class="globals "> <a href="../globals.html"><em>Globals</em></a> </li> <li class="current tsd-kind-namespace"> <a href="../modules/js.html">JS</a> <ul> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.an.html">an</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.app.html">app</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.core.html">core</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.d2.html">d2</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.ds.html">ds</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.fx.html">fx</a> </li> <li class="current tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.input.html">input</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.ioc.html">ioc</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.lang.html">lang</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.math.html">math</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.media.html">media</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.model.html">model</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.net.html">net</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.store.html">store</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.sugar.html">sugar</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.ui.html">ui</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.unit.html">unit</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.util.html">util</a> </li> <li class=" tsd-kind-namespace tsd-parent-kind-namespace"> <a href="../modules/js.view.html">view</a> </li> </ul> </li> </ul> </nav> <nav class="tsd-navigation secondary menu-sticky"> <ul class="before-current"> <li class=" tsd-kind-enum tsd-parent-kind-namespace"> <a href="../enums/js.input.mousebutton.html" class="tsd-kind-icon">Mouse<wbr>Button</a> </li> <li class=" tsd-kind-class tsd-parent-kind-namespace"> <a href="js.input.cursors.html" class="tsd-kind-icon">Cursors</a> </li> <li class=" tsd-kind-class tsd-parent-kind-namespace"> <a href="js.input.keyboards.html" class="tsd-kind-icon">Keyboards</a> </li> <li class=" tsd-kind-class tsd-parent-kind-namespace"> <a href="js.input.keys.html" class="tsd-kind-icon">Keys</a> </li> <li class=" tsd-kind-class tsd-parent-kind-namespace"> <a href="js.input.mouseeventinits.html" class="tsd-kind-icon">Mouse<wbr>Event<wbr>Inits</a> </li> <li class=" tsd-kind-class tsd-parent-kind-namespace"> <a href="js.input.mouses.html" class="tsd-kind-icon">Mouses</a> </li> </ul> <ul class="current"> <li class="current tsd-kind-class tsd-parent-kind-namespace tsd-is-not-exported"> <a href="js.input.touchdelegate.html" class="tsd-kind-icon">Touch<wbr>Delegate</a> <ul> <li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-not-exported"> <a href="js.input.touchdelegate.html#constructor" class="tsd-kind-icon">constructor</a> </li> <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-not-exported"> <a href="js.input.touchdelegate.html#setdragimage" class="tsd-kind-icon">set<wbr>Drag<wbr>Image</a> </li> </ul> </li> </ul> <ul class="after-current"> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#cursorstyles" class="tsd-kind-icon">Cursor<wbr>Styles</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#dragevents" class="tsd-kind-icon">Drag<wbr>Events</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#hotkeys" class="tsd-kind-icon">Hotkeys</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#keyeventinits" class="tsd-kind-icon">Key<wbr>Event<wbr>Inits</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#keyboardevents" class="tsd-kind-icon">Keyboard<wbr>Events</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#mouseevents" class="tsd-kind-icon">Mouse<wbr>Events</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#seqkeys" class="tsd-kind-icon">Seqkeys</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#swipeevents" class="tsd-kind-icon">Swipe<wbr>Events</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#tapevents" class="tsd-kind-icon">Tap<wbr>Events</a> </li> <li class=" tsd-kind-type-alias tsd-parent-kind-namespace"> <a href="../modules/js.input.html#touchevents" class="tsd-kind-icon">Touch<wbr>Events</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#ctxmenu" class="tsd-kind-icon">CTXMENU</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#d" class="tsd-kind-icon">D</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#dbl_tap_interval" class="tsd-kind-icon">DBL_<wbr>TAP_<wbr>INTERVAL</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#drag_image_opacity" class="tsd-kind-icon">DRAG_<wbr>IMAGE_<wbr>OPACITY</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#drag_move_px" class="tsd-kind-icon">DRAG_<wbr>MOVE_<wbr>PX</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#datatransfer" class="tsd-kind-icon">Data<wbr>Transfer</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#j" class="tsd-kind-icon">J</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#kb_props" class="tsd-kind-icon">KB_<wbr>PROPS</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#long_tap_interval" class="tsd-kind-icon">LONG_<wbr>TAP_<wbr>INTERVAL</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#pt_props" class="tsd-kind-icon">PT_<wbr>PROPS</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#rm_atts" class="tsd-kind-icon">RM_<wbr>ATTS</a> </li> <li class=" tsd-kind-variable tsd-parent-kind-namespace tsd-is-not-exported"> <a href="../modules/js.input.html#instance" class="tsd-kind-icon">instance</a> </li> <li class=" tsd-kind-object-literal tsd-parent-kind-namespace"> <a href="../modules/js.input.html#vk" class="tsd-kind-icon">VK</a> </li> </ul> </nav> </div> </div> </div> <footer> <div class="container"> <h2>Legend</h2> <div class="tsd-legend-group"> <ul class="tsd-legend"> <li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li> <li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li> <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li> </ul> </div> </div> </footer> <div class="overlay"></div> <script src="../assets/js/main.js"></script> <script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script> </body> </html>