Work with SVG Interactivity

Last updated on Sep 11, 2025

Learn how to add JavaScript to events, manage external scripts, and delete one or all event actions from SVG artwork.

Add SVG Interactivity to artwork

Select Window > SVG Interactivity.

In the SVG Interactivity panel, select an SVG event from the Event dropdown menu.

Enter the corresponding JavaScript, and press Enter (Windows) or return (macOS).

The SVG Interactivity dialog box shows the Event dropdown and the JavaScript input field containing an entered JavaScript code.
Select an event and enter the appropriate JavaScript code.

List, add, or remove events linked to a file

Select Link JavaScript files in the SVG Interactivity panel.

In the JavaScript Files dialog box, do one of the following:

  • To add additional JavaScript files, select Add, then either select the desired JavaScript file from your system or enter the file’s URL.
  • To remove a JavaScript file, select the JavaScript entry from the list, then select Remove.

Delete an event from the SVG Interactivity panel

You can use SVG Interactivity panel to delete one or all events.

To delete one event, select the event and select Remove Selected Entry .

To delete all events, select Clear Events from the panel menu .