---
title: "DragNDropHandler | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/DragNDropHandler/"
---

# DragNDropHandler

> [`DragNDropHandler`](#dragndrophandler)

## Classes

### DragNDropHandler

#### Constructors

##### Constructor

```ts
new DragNDropHandler(
   canvas, 
   viewer, 
   hitTestManager): DragNDropHandler;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvas` | [`Canvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Canvas-1.md#canvas) |
| `viewer` | [`Viewer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Viewer-1.md#viewer) |
| `hitTestManager` | [`HitTestManager`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/HitTestManager.md#hittestmanager) |

###### Returns

#### Methods

##### draw()

```ts
draw(): void;
```

###### Returns

`void`

##### hitTest()

```ts
hitTest(point): PlaceholderItemHandler;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `point` | `PointF` |

###### Returns

[`PlaceholderItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/PlaceholderItemHandler.md#placeholderitemhandler)

##### isDragOver()

```ts
isDragOver(vo?): boolean;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `vo` | `any` | `null` |

###### Returns

`boolean`

##### isDragSource()

```ts
isDragSource(vo): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `vo` | `any` |

###### Returns

`boolean`

##### isDragStarted()

```ts
isDragStarted(): boolean;
```

###### Returns

`boolean`

##### isDragTarget()

```ts
isDragTarget(vo): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `vo` | `any` |

###### Returns

`boolean`

##### isOutOfCanvas()

```ts
isOutOfCanvas(): boolean;
```

###### Returns

`boolean`

##### processMove()

```ts
processMove(e): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `e` | [`IMovePointerParams`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IInputManager.md#imovepointerparams) |

###### Returns

`void`