---
title: viewer3d.contextmenu
slug: viewer-3d/events/contextmenu
docTags: 
createdAt: 2024-03-01T14:15:15.678Z
---

Invoked when the user performs a right click inside the viewer.

## Example

::codepen{url="https://codepen.io/Catenda/embed/xxoLMKR"}

## Usage

:::CodeblockTabs
```javascript
const onContextMenu = function (event) {
  const { intersects } = event;
  console.log("viewer3d.contextmenu", "intersects:", intersects);
};

viewer3d.addEventListener("viewer3d.contextmenu", onContextMenu);
```

jQuery

```javascript
const onContextMenu = function (event, objectId, intersects) {
  console.log("viewer.contextmenu", "objectId:", objectId, "intersects:", intersects);
};

$("#viewer-3d").on("viewer.contextmenu", onContextMenu);
```
:::

## Parameters

### onContextMenu

::::Tabs
:::Tab{title="JS"}
Function called when the user performs a right click inside the viewer.

| **Type**                  |
| ------------------------- |
| `(event: Object) => Void` |

**event**

| **Name**     | **Type** | **Description**                              |
| ------------ | -------- | -------------------------------------------- |
| `intersects` | Object   | Object below the cursor, `undefined` if none |
| `srcEvent`   | Object   | Original DOM event                           |

**intersects**

| **Name**   | **Type**                                | **Description**                         |
| ---------- | --------------------------------------- | --------------------------------------- |
| `objectId` | String                                  | Id of the object                        |
| `point`    | [Vector3](docId\:kEwRHKTC8Iq2HlT48sRFQ) | Intersection point of the object        |
| `normal`   | [Vector3](docId\:kEwRHKTC8Iq2HlT48sRFQ) | Normal vector at the intersection point |
:::

:::Tab{title="jQuery"}
Function called when the user performs a right click inside the viewer.

| **Type**                                                        |
| --------------------------------------------------------------- |
| `(event: Object, objectId: String, intersects: Object) => Void` |

**event**

[jQuery.Event](https://api.jquery.com/category/events/event-object/)

**objectId**

Id of the object clicked, `undefined` if no object under cursor.

**intersects**

Intersection point of the object below the cursor, `undefined` if no object under cursor.

| **Name** | **Type**                                | **Description**                         |
| -------- | --------------------------------------- | --------------------------------------- |
| `point`  | [Vector3](docId\:kEwRHKTC8Iq2HlT48sRFQ) | Intersection point of the object        |
| `normal` | [Vector3](docId\:kEwRHKTC8Iq2HlT48sRFQ) | Normal vector at the intersection point |
:::
::::