マウスオーバー

コンピューティングでは、 mouseover 、 mouse hover 、またはhover boxは、ユーザーが通常マウスで、またはデジタルペンでもトリガー領域にポインターを移動またはホバーするとアクティブになるグラフィカルコントロール要素です。マウスオーバーコントロール要素は、Webブラウザーでは一般的です。たとえば、ハイパーリンクにカーソルを合わせると、マウスオーバーコントロール要素がトリガーされ、ステータスバーにURLが表示されます。サイト設計者は、JavaScriptまたはカスケードスタイルシートを使用して、独自のマウスオーバーイベントを定義できます。

マウスオーバーイベントは、Webデザインおよびグラフィカルユーザーインターフェイスプログラミングで頻繁に使用されます。

ツールチップ

mouseoverイベントの特別な使用法は、ポインターの下のオブジェクトの簡単な説明を表示するツールチップです。ツールチップは、マウスまたはスタイラスが一定時間オブジェクト上に置かれた後にのみ表示されます。

画像では、これらはHTMLタイトル属性を使用して生成されます。

例

！-直接の使用は推奨されません。 Web標準に準拠していません。 -> img id = "myImage" src = "/ images / myImage.jpg" onMouseOver = "alert（ 'your message'）;">

//フレームワークなしのJavaScriptコードref> var myImg = document.getElementById（ 'myImage'）; / ref> function myMessage（）{alert（ 'your message'）; } if（myImg.addEventListener）{// addEventListenerは、オブジェクトにイベントを追加するための標準メソッドです。 myImg.addEventListener（ 'mouseover'、myMessage、false）; } else if（myImg.attachEvent）{// Internet Explorerの場合myImg.attachEvent（ 'onmouseover'、myMessage）; } else {//他のブラウザの場合myImg.onmouseover = myMessage; }

// jQueryの例。クライアントブラウザーでJavaScriptが無効になっている場合は、パフォーマンスが低下します。 $（ "img"）。mouseover（function（）{alert（ 'your message'）;}）;