The mousemove event fires as the mouse moves over the target object.
Scripting mousemove events through Javascript and the DOM:
Javascript CODE EXAMPLE
<script type="text/javascript">
function addEventsToHTML(){
var p1 = document.getElementById('p1');
var p2 = document.getElementById('p2');
p1.onmousemove = monitor;
p2.onmousemove = monitor;
function monitor(){
this.innerHTML = "Mouse is moving: "+window.event.clientX;
}
}
window.onload = addEventsToHTML;
</script>
<style type="text/css">
p{background:#EDF; padding:24px;}
</style>
<p id="p1">Paragraph Content</p>
<p id="p2">Paragraph Content</p>
Establishing mousemove events direct on the html elements:
Javascript CODE EXAMPLE
<script type="text/javascript">
function monitor(target){
target.innerHTML = "Mouse is moving: "+window.event.clientX;
}
</script>
<style type="text/css">
p{background:#EDF; padding:24px;}
</style>
<p onmousemove="monitor(this);">Paragraph Content</p>
<p onmousemove="monitor(this);">Paragraph Content</p>
Paragraph Content
Paragraph Content
