SVG インタラクティビティの操作

最終更新日 : 2026年1月22日

SVG アートワークから JavaScript をイベントに追加し、外部スクリプトを管理し、1 つまたはすべてのイベントアクションを削除する方法について説明します。

SVG インタラクティビティのアートワークへの追加

ウィンドウSVG インタラクティビティを選択します。

SVG インタラクティビティパネルで、イベントドロップダウンメニューから SVG イベントを選択します。

対応する JavaScript を入力し、Enter キー(Windows)または return キー(macOS)を押します。

SVG インタラクティブ機能ダイアログボックスには、イベントドロップダウンと、入力された JavaScript コードを含んでいる JavaScript 入力フィールドが表示されています。
イベントを選択し、適切な JavaScript コードを入力します。

ファイルにリンクされたイベントの一覧表示、追加または削除

SVG インタラクティビティパネルで、「JavaScript ファイルをリンク 」を選択します。

JavaScript ファイルダイアログボックスで、次のいずれかの操作を行います。

  • JavaScript ファイルを追加するには、「追加」を選択してから、システムから目的の JavaScript ファイルを選択するか、ファイルの URL を入力します。
  • JavaScript ファイルを削除するには、リストから JavaScript エントリを選択してから、「削除」を選択します。

SVG インタラクティビティパネルからのイベントの削除

SVG インタラクティビティパネルを使用して、1 つまたはすべてのイベントを削除できます。

1 つのイベントを削除するには、イベントを選択し、「選択したエントリを削除 」を選択します。

すべてのイベントを削除するには、パネルメニュー の「イベントを消去」を選択します。