La fonction onmouseover

<canvas id= »myCanvas1000″ width= »300″ height= »150″ style= »border:1px solid #d3d3d3; » onmousemove= »myFunction1000(event) » onmouseout= »clearCoor() »>
Désolé, votre navigateur ne supporte pas le HTML5 canvas tag.
</canvas>
<p>Déplacez le pointeur de la souris à travers le cadre.</p>
<p>Quand le pointeur de la souris se déplace à travers le cadre, vous obtenez les coordonées X et Y du pointeur de la souris.</p>
<p id= »demo »></p>
<script>
function myFunction(e) {
var x = e.clientX;
var y = e.clientY;
var coor = « Coordinates: ( » + x + « , » + y + « ) »;
document.getElementById(« demo »).innerHTML = coor;
}
function clearCoor() {
document.getElementById(« demo »).innerHTML = «  »;
}
</script>