ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS の onmouseover と hover の違いは何ですか?

CSS の onmouseover と hover の違いは何ですか?

零下一度
リリース: 2017-06-28 10:50:28
オリジナル
2680 人が閲覧しました

hover にはオブジェクト上にマウスを移動すると同時にオブジェクトからマウスを移動する処理が含まれており、対応するサブクラスも選択されます。

mouseover は、マウスがオブジェクトの上を通過すると、そのオブジェクトを含まないすべてのサブクラスが同時に選択されることを意味します。

主な違いは、イベント ドライバーがホバー要素のサブクラスにも追加されることです。また、マウスオーバーではイベント ドライバーが現在の要素に追加されるだけです。

そして、hover イベントには、mouseover イベントが含まれています


mousemove(fn);

一致する各要素の Mousemove イベントにハンドラー関数をバインドします。

hover(over, out);

ホバー イベント (マウスがオブジェクトの上を移動したり、オブジェクトの外に移動したりする) をシミュレートするメソッド。これは、頻繁に使用されるタスクに「保持」状態を提供するカスタム メソッドです。

マウスが一致する要素上に移動すると、指定された最初の関数がトリガーされます。マウスがこの要素の外に出ると、指定された 2 番目の関数がトリガーされます。さらに、マウスがまだ特定の要素内にあるかどうかの検出 (サブクラスの検出) が伴います。そうである場合、マウスは移動イベント (mouseout) をトリガーせずに「ホバー」状態を維持します。

$("td").hover( function () { $(this).addClass("ホバー"); }、 関数 () { $(this).removeClass("hover"); });

jquery ソース コードには次のような段落があります:
hover: function( fnOver, fnOut ) {
return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
}

つまりホバリングしてください! = マウスオーバー + マウスアウト。ただし、hover = マウスエンター + マウス離れる。

以前は、hover、link、visited、active などの疑似クラスは a タグにのみ適用できること、つまり、a:hover、a:link、a:visited、と記述する必要があることしか知りませんでした。 a:アクティブです。実際、これら 4 つのことは、他の定義に割り当てられた他の HTML タグやクラスにも適用できます。

CSS 疑似クラスの詳細については、次を参照してください: http://www.w3school.com.cn/css/css_pseudo_classes.asp

a:link {color: #FF0000} /* 未訪問のリンク*/

a: 訪問済み {color: #00FF00} /* 訪問済みのリンク*/

a:hover {color: #FF00FF} /* マウスをリンクに移動*/

a:active {color: #0000FF} /* 選択済みリンク*/


以上がCSS の onmouseover と hover の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート