# Wijmo_Touch.Dragdroptouch

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								DragDropTouch Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Defines a class that adds support for touch-based HTML5 drag/drop
									operations.</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.</p>
								<p>To use it, import the module into your application using this statement:</p>
								<pre><code class="language-typescript"><span class="hljs-keyword">import</span> <span class="hljs-string">'@mescius/wijmo.touch'</span>;</code></pre>
								<p>This will create a single instance of a <a href="wijmo_touch.dragdroptouch.html">DragDropTouch</a> that
									listens to touch events and raises the appropriate HTML5 drag/drop
								events as if they had been caused by mouse actions.</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-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">DragDropTouch</span>
								</li>
							</ul>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Constructors
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="wijmo_touch.dragdroptouch.html#constructor" class="tsd-kind-icon">constructor</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="wijmo_touch.dragdroptouch.html#getinstance" class="tsd-kind-icon">get<wbr>Instance</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Constructors</h2>
							<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
								<a name="constructor" class="tsd-anchor"></a>
								<h3>constructor</h3>
								<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">new <wbr>Drag<wbr>Drop<wbr>Touch<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo_touch.dragdroptouch.html" class="tsd-signature-type">DragDropTouch</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes the single instance of the <a href="wijmo_touch.dragdroptouch.html">DragDropTouch</a> class.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <a href="wijmo_touch.dragdroptouch.html" class="tsd-signature-type">DragDropTouch</a></h4>
									</li>
								</ul>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
								<a name="getinstance" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> getInstance</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
									<li class="tsd-signature tsd-kind-icon">get<wbr>Instance<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo_touch.dragdroptouch.html" class="tsd-signature-type">DragDropTouch</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Gets a reference to the <a href="wijmo_touch.dragdroptouch.html">DragDropTouch</a> singleton.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <a href="wijmo_touch.dragdroptouch.html" class="tsd-signature-type">DragDropTouch</a></h4>
									</li>
								</ul>
							</section>
						</section>
					</div>