.onmouseout

window上でのmouseoutイベントのためのイベントハンドラです。

文法

  1. window.onmouseout = funcRef;

funcRefには、関数または関数への参照を割り当てます。

  1. window.onmouseout = doFunc;
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>onmouseout test</title>
  6. <style>
  7. body { border: 1px solid blue; }
  8. .my_box { border: 1px solid red; }
  9. p { border: 1px solid green; }
  10. </style>
  11. <script>
  12. window.onmouseout = mouseout;
  13. function mouseout() {
  14. alert("mouseoutイベントを検知!");
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <div class="my_box">
  20. <p>
  21. mouseoutイベントを発火させるために、<br />
  22. マウスポインタを要素上から、その要素外に動かしてみてください。
  23. </p>
  24. </div>
  25. </body>
  26. </html>

注意事項

特定の要素の領域からマウスが離れた際に、mouseoutイベントが発生します。 (このケースでは、window自身)

仕様

仕様の一部ではありません。

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。