質問: $(this); // もしすでに選択されたタブならなにもせず処理を中止 if ($this.hasClass('active')) { return; } // すべてのタブの選択状態をいったん解除し、 // クリックされたタブを選択状態に $tabAnchors.removeClass('active'); $this.addClass('active'); // すべてのパネルをいったん非表示にし、 // クリックされたタブに対応するパネルを表示 $tabPanels.hide(); $($this.attr('href')).show(); }); // 最初のタブを選択状態に $tabAnchors.eq(0).trigger('click'); console.log(4); }); }); ``` このページを読み込んだ段階でconsole.log(4);が表示されるのは納得出来ますが、ページを読み込んだ段階ではクリックしていないはずなのになぜ、console.log(1);,console.log(event);が表示されるのですか。
回答: そもそもイベントとは、というところになってくるのでは・・・ * Event > > Event インターフェイスは、DOM で発生するイベントを表します。ユーザーによって発生するイベント (マウスやキーボードのイベント) もありますし、API によって発生するイベント (アニメーションの実行が完了したことを示すイベントや、動画再生が一時停止したイベントなど) もあります。さまざまな型のイベントがあり、一部のイベントは基底の Event インターフェイスを基にした他のインターフェイスを使用します。Event 自体は、すべてのイベントで共通のプロパティやメソッドを持ちます。 > > > * イベント (Event) まあ、ひとまず下記のように書いて何が渡されるか確認すると良いです。 ``` console.log(event); ```