web-dev-qa-db-ja.com

マウスオーバーとホバーオーバーの違いは何ですか？

「マウスオーバー」と「ホバーオーバー」の両方が同じものを指しているのを見てきましたが、違いがあるかどうかは明確ではありません。

2つの用語の間に機能的な違いはありますか、それとも意味が同じですか？

hovermouse
7
Midas

ドキュメントから

イベントハンドラーを「マウスオーバー」JavaScriptイベントにバインドするか、要素でそのイベントをトリガーします。

マウスが要素の上にあるときのみ意味します。

1つまたは2つのハンドラーを一致した要素にバインドし、マウスポインターが要素に入るおよび要素が離れるときに実行されます。

_Calling $(selector).hover(handlerIn, handlerOut) 
_

の略記です：

$(selector).mouseenter(handlerIn).mouseleave(handlerOut);

多くの場合、これらの用語は、ユーザーが要素の上にマウスを置いたときに何が起こるかを説明するために、一緒に使用されます。この要素はどのように見えますか？ただし、開発者と話したい場合は、違いを知っておくと便利です。

これは例を使った良い説明です

Hover（）関数はより高レベルです。これは、mouseenterイベントとmouseleaveイベントの両方を処理する関数を呼び出すように構築されています。ホバーと通常の状態（ボタンなど）があるUI要素には非常に便利です。

Mouseover（）関数は、具体的にはmouseoverイベントにバインドします。これは、マウスが境界線を越えて要素に到達したときのみ気にし、離れた場合に何が起きるか気にしない状況に最適です。また、ある要素でイベントをトリガーしたいときに呼び出す関数でもあります。

から Quora

6
Dimitra Miha

2つの用語の間に機能的な違いはありますか、それとも意味が同じですか？

誰が話しているかによると思います。ほとんどのエンドユーザーはそれらを同じ意味で使用します-これは理にかなっています。技術者ではないので、マウスオーバーは基本的にアイテムにカーソルを合わせているため、「何か」が起こります。

しかし、javascriptを書く人にとって、2つは異なる意味を持っています。

.hover（）メソッドは、mouseenterイベントとmouseleaveイベントの両方のハンドラーをバインドします。これを使用して、マウスが要素内にある間に要素に動作を適用することができます。

参照：api.jquery.com/hover/

2
Mayo