MouseEvent relatedTarget属性

DOM イベント MouseEvent

定義と使用法

relatedTarget属性は、マウスイベントをトリガーした要素に関連する要素を返します。

relatedTargert属性は以下のことができます：

  • mouseoverイベントと一緒に使用して、カーソルが直近に退出した要素を示します
  • またはmouseoutイベントと一緒に使用して、カーソルが直近に入った要素を示します

注記：この属性は読み取り専用です。

实例

光标刚退出的元素获取：

<p onmouseover="getRelatedElement(event)">このパラグラフをマウスオーバーしてください。</p>
<script>
function getRelatedElement(event) { 
  alert("カーソルが" + event.relatedTarget.tagName + "要素から退出しました");
}
</script>

実際に試してみる

文法

event.relatedTarget

技術的詳細

返り値： 関連する要素への参照。
DOM バージョン： DOM レベル 2 イベント

ブラウザのサポート

属性 Chrome IE Firefox Safari Opera
relatedTarget サポート サポート サポート サポート サポート
DOM イベント MouseEvent