---
title: "JavaScript PDF bookmark events | Nutrient"
canonical_url: "https://www.nutrient.io/guides/web/events/bookmarks/"
md_url: "https://www.nutrient.io/guides/web/events/bookmarks.md"
last_updated: "2026-05-30T02:20:01.393Z"
description: "Learn how to manage bookmarks using events like create, update, and delete for effective organization and update tracking."
---

# Manage bookmarks efficiently with event-driven updates

Managing bookmarks from your code or from the bookmarks sidebar UI will trigger events you can listen to. The [`BookmarksChangeEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksChangeEvent) gets triggered whenever a bookmark is created, updated, or deleted:

```js

instance.addEventListener("bookmarks.change", () => {
  console.log("Your bookmarks changed!");
});

```

If you want more information about how exactly a bookmark has changed, there are several other more fine-grained events you can listen to. You’ll find more details about this in the [API docs](https://www.nutrient.io/api/web/):

- [`BookmarksCreateEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksCreateEvent) — Emitted whenever new bookmarks are created.

- [`BookmarksUpdateEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksUpdateEvent) — Emitted whenever bookmarks are updated.

- [`BookmarksDeleteEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksDeleteEvent) — Emitted whenever new bookmarks are deleted.

- [`BookmarksLoadEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksLoadEvent) — Emitted whenever bookmarks are loaded from the bookmark provider.

- [`BookmarksWillSaveEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksWillSaveEvent) and [`BookmarksDidSaveEvent`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#~BookmarksDidSaveEvent) — Emitted before and after bookmarks are saved to the bookmark provider.
---

## Related pages

- [Subscribe or unsubscribe to API events](/guides/web/customizing-the-interface/observing-changes-with-events.md)
- [Forms](/guides/web/events/forms.md)
- [Manage annotations effectively with our API](/guides/web/events/annotation.md)
- [Events and notifications in our JavaScript viewer](/guides/web/events.md)
- [Text Selection](/guides/web/events/text-selection.md)