> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/web/browser/event/handler/register/capturing-handler.md).

# capturing handler

[JS](/web/js.md) ⟩ [browser](/web/browser.md) ⟩ [event](/web/browser/event.md) ⟩ [handler](/web/browser/event/handler.md) ⟩ [register](/web/browser/event/handler/register.md) ⟩ capturing handler

{% hint style="success" %}
set the <mark style="color:yellow;">**third argument**</mark> to [addEventListener()](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) to <mark style="color:purple;">**true**</mark>:

```javascript
// capturing event handler ----------------> ╭──╮
container.addEventListener("click", handler, true);
```

{% endhint %}

{% tabs %}
{% tab title="⭐️ 重點" %}
{% hint style="danger" %}
If you want to [remove](/web/browser/event/handler/remove.md) a [**capturing event handler**](/web/browser/event/propagation/capturing.md), you <mark style="color:red;">**must**</mark> also pass <mark style="color:yellow;">**true**</mark> as the **third argument** to [removeEventListener()](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener).

```javascript
// remove capturing handler ------------------> ╭──╮
container.removeEventListener("click", handler, true);
```

{% endhint %}
{% endtab %}

{% tab title="Second Tab" %}

{% endtab %}
{% endtabs %}