JS DOM onmousemove属性,当鼠标移动时

onmousemove属性

JavaScript DOM中document的onmousemove属性,可以处理当鼠标移动时的事件。比如下方的示例,当鼠标在当前页面移动的时候,下方的字体颜色将在skyblue和blue之间来回切换,连续移动鼠标的时候,字体将表现为“闪烁”的样式:

skyblue and blue


语法

document.onmousemove = function(){}

onmousemove属性实例代码,及在线编辑器

下方的实例代码将实现上方的示例,即在鼠标连续移动的时候,让字体“闪烁”:

<p id='p2' style='color:orange;'>颜色闪烁的样式</p>
<script>
  document.onmousemove = function(){
    var p2 = document.getElementById("p2");
    if(p2.style.color == "orange"){p2.style.color =           "blue"}else{
       p2.style.color = "orange";
    }
}
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.