#Events

Using the .on(), .once() and .off() methods you can subscribe and unsubscribe to events.

• All of above mentioned methods are available on Taggd and Tag instances.
• To subscribe to an event for all tags, subscribe to that event on the Taggd instance.

For example:

const image = document.getElementById('my-image');
const taggd = new Taggd(image);

// Prevent adding tags
taggd.on('taggd.tag.add', (tag) => {
  // Some events can be prevented by returning false (see tables below)
  return false;
});

// This tag isn’t added because of above event handler
taggd.add(new Taggd.Tag(..., ...));

#Taggd Events

The table below lists all available tables for a Taggd instance.

All taggd.editor* event handlers receive the following arguments:

1. Taggd instance
2. [position] x/y/left/top

All taggd.tag* event handlers receive the following arguments:

1. Taggd instance
2. Tag instance

#Taggd.Tag Events

The table below lists all available tables for a Tag instance.

All taggd.tag.* event handlers receive the following argument:

1. Tag instance