在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

movementX 只读特性在 MouseEvent interface provides the difference in the X coordinate of the mouse pointer between the given event and the previous mousemove event. In other words, the value of the property is computed like this: currentEvent.movementX = currentEvent.screenX - previousEvent.screenX .

句法

var xShift = instanceOfMouseEvent.movementX;
					

返回值

数字

范例

This example logs the amount of mouse movement using movementX and movementY .

HTML

<p id="log">Move your mouse around.</p>
					

JavaScript

function logMovement(event) {
  log.insertAdjacentHTML('afterbegin', `movement: ${event.movementX}, ${event.movementY}<br>`);
  while (log.childNodes.length > 128) log.lastChild.remove()
}
const log = document.getElementById('log');
document.addEventListener('mousemove', logMovement);
					

结果

规范

规范	状态	注释
指针锁 The definition of 'MouseEvent.movementX' in that specification.	候选推荐	初始定义

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
movementX	Chrome 37 37 不支持 22 — 37 Prefixed Prefixed Implemented with the vendor prefix: webkit	Edge 13	Firefox 41 41 不支持 1 — 41 Prefixed Prefixed Implemented with the vendor prefix: moz	IE No	Opera Yes	Safari 9 9 不支持 6 — 8 Prefixed Prefixed Implemented with the vendor prefix: webkit	WebView Android 37 37 不支持 ? — 37 Prefixed Prefixed Implemented with the vendor prefix: webkit	Chrome Android 37 37 不支持 ? — 37 Prefixed Prefixed Implemented with the vendor prefix: webkit	Firefox Android 41 41 不支持 4 — 41 Prefixed Prefixed Implemented with the vendor prefix: moz	Opera Android Yes	Safari iOS 8 8 不支持 6 — 8 Prefixed Prefixed Implemented with the vendor prefix: webkit	Samsung Internet Android 3.0 3.0 不支持 ? — 3.0 Prefixed Prefixed Implemented with the vendor prefix: webkit

图例

完整支持

完整支持

不支持

不支持

要求使用供应商前缀或不同名称。

要求使用供应商前缀或不同名称。

另请参阅

• MouseEvent.movementY
• MouseEvent
• 指针锁

元数据

• 最后修改： 2020 年 1 月 22 日

相关话题

1. MouseEvent
2. 构造函数

   1. MouseEvent()
3. 特性

   1. altKey
   2. button
   3. buttons
   4. clientX
   5. clientY
   6. ctrlKey
   7. metaKey
   8. movementX
   9. movementY
   10. mozInputSource
   11. offsetX
   12. offsetY
   13. pageX
   14. pageY
   15. region
   16. relatedTarget
   17. screenX
   18. screenY
   19. shiftKey
   20. WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN
   21. WEBKIT_FORCE_AT_MOUSE_DOWN
   22. webkitForce
   23. which
   24. x
   25. y
4. 方法

   1. getModifierState()
   2. initMouseEvent()
5. 继承：

   1. UIEvent
   2. 事件
6. DOM 事件相关页面

   1. CompositionEvent
   2. 事件
   3. EventListener
   4. EventTarget
   5. FocusEvent
   6. InputEvent
   7. KeyboardEvent
   8. MouseScrollEvent
   9. MouseWheelEvent
   10. MutationEvent
   11. ProgressEvent
   12. UIEvent
   13. WheelEvent