在此页

• Getting the distance scrolled
• 浏览器兼容性
• 另请参阅
• 相关话题

弃用
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the 兼容性表格 at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。

The Firefox-only, non-standard ，和 obsolete MozMousePixelScroll event is fired at an 元素 asynchronously when a mouse wheel or similar device is operated. It's represented by the MouseScrollEvent 接口。

重要： Do not use this non-standard and obsolete event. Instead, you should always use the standard wheel 事件。

冒泡	Yes
可取消	Yes
接口	MouseScrollEvent

Getting the distance scrolled

The event's detail property indicates the scroll distance in terms of lines, with negative values indicating the scrolling movement is either toward the bottom or toward the right, and positive values indicating scrolling to the top or left.

If the platform's native mouse wheel events indicate the scroll distance in terms of lines or pages, the value of detail is computed using that value and the line height or page width/height of the nearest ancestor scrollable element that contains the target element.

注意： On macOS, the scroll distance (and therefore the value of detail ) is computed based on the accelerated scroll distance.

值 detail is never 0 if the events are legitimate.

浏览器兼容性

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
MozMousePixelScroll event 弃用 非标	Chrome No	Edge ≤18 — 79	Firefox Yes	IE No	Opera No	Safari No	WebView Android No	Chrome Android No	Firefox Android Yes	Opera Android No	Safari iOS No	Samsung Internet Android No

图例

完整支持

完整支持

不支持

不支持

非标。预期跨浏览器支持较差。

非标。预期跨浏览器支持较差。

弃用。不要用于新网站。

弃用。不要用于新网站。

另请参阅

• MouseScrollEvent
• Gecko's legacy line or page scroll event: DOMMouseScroll
• Non-Gecko browsers' legacy mouse wheel event: mousewheel
• Standardized wheel event: wheel

元数据

• 最后修改： Jul 27, 2020

相关话题

1. 元素
2. 特性

   1. accessKey
   2. 属性
   3. childElementCount
   4. children
   5. classList
   6. className
   7. clientHeight
   8. clientLeft
   9. clientTop
   10. clientWidth
   11. currentStyle
   12. firstElementChild
   13. id
   14. innerHTML
   15. lastElementChild
   16. localName
   17. 名称
   18. namespaceURI
   19. nextElementSibling
   20. onfullscreenchange
   21. onfullscreenerror
   22. openOrClosedShadowRoot
   23. outerHTML
   24. part
   25. prefix
   26. previousElementSibling
   27. runtimeStyle
   28. scrollHeight
   29. scrollLeft
   30. scrollLeftMax
   31. scrollTop
   32. scrollTopMax
   33. scrollWidth
   34. shadowRoot
   35. slot
   36. tabStop
   37. tagName
3. 方法

   1. after()
   2. animate()
   3. append()
   4. attachShadow()
   5. before()
   6. closest()
   7. computedStyleMap()
   8. createShadowRoot()
   9. getAnimations()
   10. getAttribute()
   11. getAttributeNames()
   12. getAttributeNode()
   13. getAttributeNodeNS()
   14. getAttributeNS()
   15. getBoundingClientRect()
   16. getClientRects()
   17. getElementsByClassName()
   18. getElementsByTagName()
   19. getElementsByTagNameNS()
   20. hasAttribute()
   21. hasAttributeNS()
   22. hasAttributes()
   23. hasPointerCapture()
   24. insertAdjacentElement()
   25. insertAdjacentHTML()
   26. insertAdjacentText()
   27. matches()
   28. msZoomTo()
   29. prepend()
   30. querySelector()
   31. querySelector()
   32. querySelectorAll()
   33. querySelectorAll()
   34. releasePointerCapture()
   35. remove()
   36. removeAttribute()
   37. removeAttributeNode()
   38. removeAttributeNS()
   39. replaceChildren()
   40. replaceWith()
   41. requestFullscreen()
   42. requestPointerLock()
   43. scroll()
   44. scrollBy()
   45. scrollIntoView()
   46. scrollIntoViewIfNeeded()
   47. scrollTo()
   48. setAttribute()
   49. setAttributeNode()
   50. setAttributeNodeNS()
   51. setAttributeNS()
   52. setCapture()
   53. setPointerCapture()
   54. toggleAttribute()
4. 事件

   1. afterscriptexecute
   2. auxclick
   3. blur
   4. click
   5. compositionend
   6. compositionstart
   7. compositionupdate
   8. contextmenu
   9. copy
   10. cut
   11. dblclick
   12. DOMActivate
   13. DOMMouseScroll
   14. error
   15. focus
   16. focusin
   17. focusout
   18. fullscreenchange
   19. fullscreenerror
   20. gesturechange
   21. gestureend
   22. gesturestart
   23. keydown
   24. keypress
   25. keyup
   26. mousedown
   27. mouseenter
   28. mouseleave
   29. mousemove
   30. mouseout
   31. mouseover
   32. mouseup
   33. mousewheel
   34. MozMousePixelScroll
   35. msContentZoom
   36. MSGestureChange
   37. MSGestureEnd
   38. MSGestureHold
   39. MSGestureStart
   40. MSGestureTap
   41. MSInertiaStart
   42. MSManipulationStateChanged
   43. overflow
   44. paste
   45. scroll
   46. select
   47. show
   48. touchcancel
   49. touchend
   50. touchmove
   51. touchstart
   52. underflow
   53. webkitmouseforcechanged
   54. webkitmouseforcedown
   55. webkitmouseforceup
   56. webkitmouseforcewillbegin
   57. wheel
5. 继承：

   1. 节点
   2. EventTarget