マウスのホバーでどのDOMイベントがトリガーされ、エミュレートできますか？

Question

http://themeforest.net/には、メニュー項目（HTML、マーケティング、CMSなど）の上にマウスを移動するとアクティブになるカテゴリドロップダウンがあります。しかし、私はそれに接続されているすべてのDOMイベント（Firefoxデバッガを使用してチェック）を壊すことはできません。期待されるイベントのリスナーは、<ののマウスオーバーのようなものでした。

私が知りたいのは、イベントがどのようにアタッチされているか（またはこのアニメーションが他の方法でどのようにトリガーされているか）、その情報の見方と、これらのイベントを$（el）.triggerまたはel.createEvent（）

ありがとうございます。

Answer 1

サブメニューを表示するjavascriptである必要はありませんが、擬似クラス "：hover"でプレーンcssで行うこともできます。

DOMの変更（追加されたクラス、インラインスタイルの変更など）が見えないので、これはこのページでどのように動作するかと思います。

このCSSを使用すると、divが表示されると、div内のulが表示されます。

あなたの質問に関して：「ホバー」は実際に（私が知る限り）自分のイベントをトリガーしません。それはもっと「マウスセンター」と「マウスリーブ」の組み合わせです。

これが役に立ちます。

編集：メニューは唯一のCSSを使用して作成されていることを

.header-categories__links-item:hover>.header-categories__links-dropdown  
{ 
    display: block; 
}