最新的Web开发教程
 

的OnMouseMove事件

<事件对象

例

移动通过鼠标指针时执行一个JavaScript <div>元素：

<div onmousemove="myFunction()">Move the cursor over me</div>
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

所述的OnMouseMove事件当指针移动，而它是在一个元素上发生。

浏览器支持

事件
onmousemove 是 是 是 是 是

句法

在HTML：

< 试一试»

在JavaScript：

object .onmousemove=function(){ 试一试»

在JavaScript中，使用addEventListener()方法：

object .addEventListener("mousemove", myScript );
试一试»

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技术细节

泡沫： 是
取消： 是
事件类型： 的MouseEvent
支持的HTML标签： 所有的HTML元素，除了：<基数>，<BDO>，点击<HEAD>，<HTML>，<IFRAME>，<META>，<param>的<SCRIPT>，<STYLE>和<title>
DOM版本： 2级事件
例子

更多示例

例

这一实例说明的OnMouseMove，OnMouseEnter在鼠标悬停和事件之间的区别：

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>

<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>

<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate onmouseover!</p>
</div>
试一试»

例

这一实例说明的OnMouseMove，OnMouseLeave在之间和onmouseout事件的区别：

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>

<div onmouseleave="myLeaveFunction()">
  <p id="demo2">I will demonstrate onmouseleave!</p>
</div>

<div onmouseout="myOutFunction()">
  <p id="demo3">I will demonstrate onmouseout!</p>
</div>
试一试»
<事件对象