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

# ClickOutEvent

> static class

## Classes

### ClickOutEvent

#### Constructors

##### Constructor

```ts
new ClickOutEvent(): ClickOutEvent;
```

###### Returns

[`ClickOutEvent`](#clickoutevent)

#### Properties

##### eventName

```ts
readonly static eventName: "clickOut" = "clickOut";
```

#### Methods

##### deInitFor()

```ts
static deInitFor(element): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `element` | `HTMLElement` |

###### Returns

`void`

##### initFor()

```ts
static initFor(element, options?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `element` | `HTMLElement` |
| `options?` | \{ `documents?`: `Document`[]; `ignoreElements?`: `HTMLElement`[]; `ignoreElementSelector?`: `string`; `ignoreEventPathElementsSelector?`: `string`; \} |
| `options.documents?` | `Document`[] |
| `options.ignoreElements?` | `HTMLElement`[] |
| `options.ignoreElementSelector?` | `string` |
| `options.ignoreEventPathElementsSelector?` | `string` |

###### Returns

`void`