/jsref/
onmouseleave 事件

  1. JavaScript对象
    1. JavaScript Array 对象
    2. JavaScript Boolean 对象
    3. JavaScript Date 对象
    4. JavaScript Math 对象
    5. JavaScript Number 对象
    6. JavaScript String 对象
    7. JavaScript RegExp 对象
    8. JavaScript 全局属性/函数
    9. JavaScript 运算符
    10. JavaScript length 属性
  2. Browser对象
    1. Window 对象
    2. Navigator 对象
    3. Screen 对象
    4. History 对象
    5. Location 对象
  3. DOM对象
    1. HTML DOM Document 对象
    2. HTML DOM 元素对象
    3. HTML DOM 属性对象
    4. HTML DOM 事件对象
  4. HTML DOM对象
    1. HTML DOM Anchor 对象
    2. HTML DOM Area 对象
    3. HTML DOM Audio 对象
    4. HTML DOM Object 对象
    5. HTML DOM Blockquote 对象
    6. HTML DOM Body 对象
    7. HTML DOM Button 对象
    8. HTML DOM Canvas 对象
    9. HTML DOM Column 对象
    10. HTML DOM Columngroup对象
    11. HTML DOM Datalist 对象
    12. HTML DOM del 对象
    13. HTML DOM Details 对象
    14. HTML DOM Dialog 对象
    15. HTML DOM Embed 对象
    16. HTML DOM Fieldset 对象
    17. HTML DOM Form 对象
    18. HTML DOM Frame 和 IFrame 对象
    19. HTML DOM Frameset 对象
    20. HTML DOM Image 对象
    21. HTML DOM ins 对象
    22. HTML DOM Button 对象
    23. HTML DOM Checkbox 对象
    24. HTML DOM Input Color 对象
    25. HTML DOM Input Date 对象
    26. HTML DOM Input Datetime 对象
    27. HTML DOM Input DatetimeLocal 对象
    28. HTML DOM Input Email 对象
    29. HTML DOM FileUpload 对象
    30. HTML DOM Hidden 对象
    31. HTML DOM Input Image 对象
    32. HTML DOM Input Month 对象
    33. HTML DOM Input Number 对象
    34. HTML DOM Input Range 对象
    35. HTML DOM Password 对象
    36. HTML DOM Radio 对象
    37. HTML DOM Reset 对象
    38. HTML DOM Input Search 对象
    39. HTML DOM Submit 对象
    40. HTML DOM Input Text 对象
    41. HTML DOM Input Time 对象
    42. HTML DOM Input URL 对象
    43. HTML DOM Input Week 对象
    44. HTML DOM Keygen 对象
    45. HTML DOM Link 对象
    46. HTML DOM Label 对象
    47. HTML DOM Legend 对象
    48. HTML DOM Li 对象
    49. HTML DOM Map 对象
    50. HTML DOM Menu 对象
    51. HTML DOM MenuItem 对象
    52. HTML DOM Meta 对象
    53. HTML DOM Meter 对象
    54. HTML DOM Ol 对象
    55. HTML DOM OptionGroup 对象
    56. HTML DOM Option 对象
    57. HTML DOM Parameter 对象
    58. HTML DOM Progress 对象
    59. HTML DOM 引用对象( <q>)
    60. HTML DOM Script 对象
    61. HTML DOM Select 对象
    62. HTML DOM Source 对象
    63. HTML DOM Style 对象
    64. HTML DOM Table 对象
    65. HTML DOM td / th 对象
    66. HTML DOM TableHeader 对象
    67. HTML DOM tr 对象
    68. HTML DOM Textarea 对象
    69. HTML DOM title 属性
    70. HTML DOM Time 对象
    71. HTML DOM Track 对象
    72. HTML DOM Video 对象
  5. HTML DOM 事件对象
    1. onmouseleave 事件
    2. onpaste 事件
    3. onpageshow 事件
    4. onpagehide 事件
    5. ondurationchange 事件
    6. onsuspend 事件
    7. onprogress 事件
    8. animationstart 事件
    9. onseeked 事件
    10. which 事件属性
    11. metaKey 事件属性
    12. onoffline 事件
    13. button 事件属性
    14. relatedTarget 事件属性
    15. onshow 事件
    16. clientX 事件属性
    17. screenX 事件属性
    18. ontoggle 事件
    19. clientY 事件属性
    20. bubbles 事件属性
    21. ctrlKey 事件属性
    22. shiftKey Event 属性
    23. cancelable 事件属性
    24. location 事件属性
    25. currentTarget 事件属性
    26. key 事件属性
    27. timeStamp 事件属性
  6. HTML DOM Body 对象
    1. HTML DOM Body aLink 属性
    2. HTML DOM Body bgColor 属性
    3. HTML DOM Body link 属性
    4. HTML DOM Body text 属性
    5. HTML DOM Body vLink 属性
  7. HTML DOM del 对象
    1. HTML DOM del dateTime 属性
    2. HTML DOM del cite 属性
  8. HTML DOM Fieldset 对象
    1. HTML DOM Fieldset disabled 属性
    2. HTML DOM Fieldset form 属性
    3. HTML DOM Fieldset name 属性
  9. HTML DOM Dialog 对象
    1. HTML DOM Dialog open 属性
    2. HTML DOM Dialog close() 方法
    3. HTML DOM Dialog show() 方法
  10. HTML DOM Frame 和 IFrame 对象
    1. HTML DOM Frame/IFrame contentDocument 属性
    2. HTML DOM Frame/IFrame frameBorder 属性
    3. HTML DOM IFrame height 属性
    4. HTML DOM Frame/IFrame longDesc 属性
    5. HTML DOM Frame/IFrame marginHeight 属性
    6. HTML DOM Frame/IFrame marginWidth 属性
    7. HTML DOM Frame/IFrame name 属性
    8. HTML DOM Frame/IFrame src 属性
    9. HTML DOM IFrame width 属性
  11. HTML DOM Submit 对象
    1. HTML DOM Submit form 属性
    2. HTML DOM Submit name 属性
    3. HTML DOM Submit type 属性
  12. HTML DOM 引用对象
    1. HTML DOM 引用对象 cite 属性
  13. HTML DOM Input Number 对象
    1. HTML DOM Input Number disabled 属性
    2. HTML DOM Input Number form 属性
    3. HTML DOM Input Number placeholder 属性
    4. HTML DOM Input Number type 属性
  14. HTML DOM Password 对象
    1. HTML DOM Password defaultValue 属性
  15. HTML DOM Link 对象
    1. HTML DOM Link hreflang 属性
  16. HTML DOM Script 对象
    1. HTML DOM Script src 属性
    2. HTML DOM Script defer 属性
    3. HTML DOM Script src 属性
  17. HTML DOM Select 对象
    1. HTML DOM Select options 集合
  18. 拓展阅读
    1. js中setinterval怎么用？怎么才能让setinterval停下来？
阅读(122) 赞(0)

onmouseleave 事件

2016-11-25 17:42:26 更新

事件对象参考手册事件对象

实例

在鼠标指针移出指针时执行 JavaScript:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

尝试一下 »

在以下更多实例中点 "尝试一下" 查看更多演示。

定义和用法

onmouseleave 事件在鼠标移除元素时触发。

提示： 该事件通常与onmouseenter 事件一起使用，该事件在鼠标移动到元素上时触发。

提示: onmouseleave 事件类似于onmouseout 事件。 唯一的区别是 onmouseleave 事件不支持冒泡 。

浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

事件          
onmouseleave 30.0 5.5 Yes 6.1 11.5

语法

HTML 中:

<element onmouseleave="myScript">尝试一下

JavaScript 中:

object.onmouseleave=function(){myScript};尝试一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("mouseleave", myScript);尝试一下

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技术细节

是否支持冒泡: No
是否可以取消: No
事件类型: MouseEvent
支持的 HTML 标签: 所有 HTML 元素，除了:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>

Examples

更多实例

实例

该实例演示了 onmousemove, onmouseleave 和 onmouseout 事件的区别:

<div onmousemove="myMoveFunction()">
  <p id="demo">我将演示 onmousemove!</p>
</div>

<div onmouseleave="myLeaveFunction()">
  <p id="demo2">我将演示 onmouseleave!</p>
</div>

<div onmouseout="myOutFunction()">
  <p id="demo3">我将演示 onmouseout!</p>
</div>

尝试一下 »

事件对象参考手册事件对象


← HTML DOM Video 对象
onpaste 事件 →

推荐文章

推荐教程

技术文章