← 返回首页
MouseEvent: offsetX property - Web APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Web
  2. Web APIs
  3. MouseEvent
  4. offsetX
Theme
  • OS default
  • Light
  • Dark
English (US)
Remember language Learn more

MouseEvent: offsetX property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2015.

The offsetX read-only property of the MouseEvent interface provides the offset in the X coordinate of the mouse pointer between that event and the padding edge of the target node.

In this article

Value

A double floating point value in pixels.

Early versions of the spec defined this as an integer.

Specifications

Specification
CSSOM View Module
# dom-mouseevent-offsetx

Browser compatibility

Enable JavaScript to view this browser compatibility table.

See also

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on Feb 13, 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. Pointer events
  2. MouseEvent
  3. Constructor
    1. MouseEvent()
  4. Static properties
    1. WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN
    2. WEBKIT_FORCE_AT_MOUSE_DOWN
  5. Instance properties
    1. altKey
    2. button
    3. buttons
    4. clientX
    5. clientY
    6. ctrlKey
    7. layerX
    8. layerY
    9. metaKey
    10. movementX
    11. movementY
    12. mozInputSource
    13. offsetX
    14. offsetY
    15. pageX
    16. pageY
    17. relatedTarget
    18. screenX
    19. screenY
    20. shiftKey
    21. webkitForce
    22. x
    23. y
  6. Instance methods
    1. getModifierState()
    2. initMouseEvent()
  7. Inheritance
    1. UIEvent
    2. Event
  8. Related pages for Pointer Events
    1. Element.hasPointerCapture()
    2. Element.releasePointerCapture()
    3. Element.setPointerCapture()
    4. MouseScrollEvent
    5. Navigator.maxTouchPoints
    6. PointerEvent
    7. WheelEvent
  9. Guides
    1. Using Pointer Events
    2. Multi-touch interaction
    3. Pinch zoom gestures

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.