トランジションの対応するアニメーション全体を通して、スライダーの値とノブの同期状態を維持します。トランジションの終了は、イベント・リスナーによって検出することができます。トランジション・リスナーをノブ・キャンバスに追加する際にも、ブラウザーによる命名の違いが考慮されます。トランジション・リスナーを呼び出します。設定するだけですが、これにより、スライダー・コンポーネントはノブのアニメーションの追跡を停止します。トランジションのアニメーションの終了はイベント・リスナーで検出することができますが、アニメーションの途中のステップを検出することはできません。この途中のステップの検出は、ノブをアニメーション化しているときにスライダー・コンポーネントが変更イベントを起動するために必要です。トランジションを使用しました。トランジションは、比較的簡単に使用できますが、トランジションに対応するアニメーションの実行中はイベント通知をサポートしません。アニメーションを使用すれば、アニメーションを実行中のイベント通知をサポートすることができます。トランジションを使用するよりも難しい作業になります。使用してアニメーションのステップを概算し、各ステップで変更イベントを起動します。トランジションでアニメーション化する方法は以上のとおりです。要素に追加する方法を見ていきましょう。トランジションを使用せずにスライダー・コンポーネントを実装する方法を説明しました。ツリー要素で構成されるものになります。