要素はオプションであることに注意してください。メソッドは何も行いません。スライダー・コンポーネントに変更リスナーのサポートがどのように実装されるかについては、次のセクションで説明します。要素に追加する」セクションで説明します。アプリケーションは変更リスナーをスライダー・コンポーネントに追加することによって、オプションの読み出しを同期状態に維持する仕組みを説明しました。スライダー・コンポーネントには開発者がどのように変更リスナーを追加できるのか、そしてスライダー・コンポーネントはこれらのリスナーに対して変更イベントをどのように起動するのかを示します。...};すべてのスライダー・コンポーネントには関数の配列が含まれています。メソッドがその配列を繰り返し処理して、そこに含まれる関数を順に呼び出します。},ユーザーがスライダーのノブをドラッグすると、ノブ・キャンバスに追加されたマウスムーブ・イベント・リスナーがノブの位置に応じてスライダーの値を調整してから変更イベントを起動し、スライダーを消去して再描画します。このマウスムーブ・イベント・リスナーは、ユーザーがノブをドラッグしている間、スライダーのノブのアニメーションを非アクティブにすることで、ユーザーによるノブのドラッグ操作がアニメーションに邪魔されることがないようにします。スライダー・コンポーネントでノブのアニメーションが非アクティブにされる状況がわかったところで、今度はアニメーションがどのように機能するのかを見ていきましょう。スライダー・コンポーネントでノブの動きがアニメーション化される様子を示します。上のスクリーン・ショットは、ユーザーがスライダーのレールをクリックする直前のものです。実際のアニメーションを表現しきれていないので、コードをダウンロードして、このエフェクト全体を確認してみてください)。回の「スライダーを作成および初期化する」セクションで説明したように、スライダーはレールとノブをそれぞれ別々のキャンバス要素に描画します。トランジションは個々の要素でしか機能しないので、ノブを個別のキャンバスに含める必要があります。メソッドを呼び出すと説明しました。よって標準化されました。属性名をすべて含める必要があります。属性が変更されると、ノブ・キャンバスをある位置から別の位置へと滑らかなアニメーションで移動します。属性によってミリ秒単位で指定されています。トランジションの時間をゼロ秒に変更することで、事実上、アニメーションを無効にします。記載するイベント・ハンドラーが、スライダーのノブをクリック位置に移動させます。よるノブのアニメーションが開始されます。属性名にはハイフンを使用できません。属性名に変換しなければなりません。