上一节:
下一节:

  JavaScript HTML DOM onmousemove 事件

  • onmousemove 事件

    当指针在元素上方移动时，会发生onmousemove事件。
    将鼠标指针移到<div>元素上时执行JavaScript： 
    <div onmousemove="myFunction()">将光标移到我的上方</div>
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    事件
    onmousemove
    支持
    支持
    支持
    支持
    支持

  • 语法

    在HTML中：
    <element onmousemove="myScript">
    在JavaScript中：
    object.onmousemove = function(){myScript};
    在JavaScript中，使用addEventListener()方法：
    object.addEventListener("mousemove", myScript);
    注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。

  • 技术细节

    项目 描述
    冒泡： 有
    取消： 有
    事件类型： MouseEvent
    支持的HTML标记： 所有HTML元素，除了：<base>，<bdo>，<br>，<head>，<html>，<iframe>，<meta>，<param>，<script>，<style>和<title>
    DOM版本 DOM Event Level 2

  • 更多例子

    <div onmousemove="myMoveFunction()"> <p id="demo">我将演示onmousemove!</p> </div> <div onmouseenter="myEnterFunction()"> <p id="demo2">我将演示onmouseenter!</p> </div> <div onmouseover="myOverFunction()"> <p id="demo3">我将演示onmouseover!</p> </div> 尝试一下
    此示例演示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>
    尝试一下
返回Event对象参考    返回事件参考
上一节:
下一节: