---
title: MouseEvent.offsetX
slug: Web/API/MouseEvent/offsetX
tags:
  - API
  - MouseEvent
  - Property
  - Read-only
translation_of: Web/API/MouseEvent/offsetX
---
<p>{{APIRef("DOM Events")}}{{SeeCompatTable}}</p>

<p><code><font face="Open Sans, Arial, sans-serif">Свойство </font><strong>MouseEvent.offsetX</strong></code>, доступное только для чтения,<code> показывает отступ курсора мыши по оси X от края целевого DOM узла.</code></p>

<p> </p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="syntaxbox">var xOffset = <em>instanceOfMouseEvent</em>.offsetX;
</pre>

<h3 id="Возвращаемое_значение">Возвращаемое значение</h3>

<p>Значение с плавающей запятой - double. Ранние версии спецификации определяли возвращаемое значение как целое число. Подробнее смотрите в разделе про совместимость с браузерами.</p>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Характеристика</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
  <tr>
   <td>{{SpecName('CSSOM View', '#dom-mouseevent-offsetx', 'MouseEvent')}}</td>
   <td>{{Spec2('CSSOM View')}}</td>
   <td>Начальное определение</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Совместимость с браузерами</h2>

<p>{{Compat("api.MouseEvent.offsetX")}}</p>

<h2 id="See_also">Смотрите также</h2>

<ul>
 <li>{{ domxref("MouseEvent") }}</li>
</ul>