---
title: element.onmousemove
slug: Web/API/GlobalEventHandlers/onmousemove
tags:
  - DOM
  - DOM_0
  - Référence_du_DOM_Gecko
translation_of: Web/API/GlobalEventHandlers/onmousemove
---
<p>{{ ApiRef() }}</p>

<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3>

<p>La propriété <strong>onmousemove</strong> renvoie le code de gestion de l'évènement <code>mousemove</code> pour l'élément courant.</p>

<h3 id="Syntax" name="Syntax">Syntax</h3>

<p><code><em>element</em>.onmousemove = <em>functionRef</em></code></p>

<p id="Exemple">où <em>functionRef</em> est une fonction ou une expression de type <em>function. </em>Consulter la <a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope" title="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">référence des fonctions</a> pour plus de détails.</p>

<p>Le paramètre fournit au gestionnaire d'évènement <em>functionRef</em> lors du déclenchement de l'évènement est objet qui représente l'évènement de déplacment de souris, de type {{ domxref("MouseEvent") }}.</p>

<h3 id="Notes" name="Notes">Exemple</h3>

<pre class="brush: js">document.body.onmousemove = event =&gt; {
  // Suivi de la position de la souris dans la console
  console.log(`Position de la souris : X = ${event.clientX} | Y = ${event.clientY}`);
}</pre>

<h3 id="Notes" name="Notes">Notes</h3>

<p>L'évènement <code>mousemove</code> se déclenche lorsque l'utilisateur déplace la souris.</p>

<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3>

<p>{{ DOM0() }}</p>

<div class="noinclude"> </div>

<p>{{ languages( { "en": "en/DOM/element.onmousemove", "pl": "pl/DOM/element.onmousemove" } ) }}</p>