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>