# DrawingItemEvent

The `DrawingItemEvent` interface extends the [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event) interface and represents an event bound to a [DrawingItem](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/drawingitem.md).

```ts
interface DrawingItemEvent extends Event {
  targetItem: DrawingItem,
  itemClientX: number;
  itemClientY: number;
  itemPageX: number;
  itemPageY: number;
}
```

## targetItem

The drawing item that is the target of the event.

**See Also**

[DrawingItem](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/drawingitem.md)

## itemClientX

The X coordinate of the item relative to the viewpoint of the browser window..

## itemClientY

The Y coordinate of the item relative to the viewpoint of the browser window..

## itemPageX

The X coordinate of the item relative to the entire document (the webpage content).

## itemPageY

The Y coordinate of the item relative to the entire document (the webpage content).