1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
|
---
title: MouseScrollEvent
slug: Web/API/MouseScrollEvent
translation_of: Web/API/MouseScrollEvent
---
<p>{{APIRef("DOM Events")}}{{ non-standard_header() }}{{deprecated_header}}</p>
<p><code>MouseScrollEvent</code>事件对象代表了当用户在滚动鼠标滚轮或操作其他类似的输入设备时触发的事件.</p>
<p>要优先使用标准化过的<a href="WheelEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/WheelEvent">WheelEvent</a>来代替该陈旧的事件对象.</p>
<h2 id="方法概述">方法概述</h2>
<table class="standard-table">
<tbody>
<tr>
<td><code>void <a href="https://developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/nsIDOMMouseScrollEvent#initMouseScrollEvent%28%29">initMouseScrollEvent</a>(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in nsIDOMAbstractView viewArg, in long detailArg, in long screenXArg, in long screenYArg, in long clientXArg, in long clientYArg, in boolean ctrlKeyArg, in boolean altKeyArg, in boolean shiftKeyArg, in boolean metaKeyArg, in unsigned short buttonArg, in nsIDOMEventTarget relatedTargetArg, in long axis);</code></td>
</tr>
</tbody>
</table>
<h2 id="属性">属性</h2>
<table class="standard-table">
<tbody>
<tr>
<td class="header">名称</td>
<td class="header">
<p>类型</p>
</td>
<td class="header">描述</td>
</tr>
<tr>
<td><code>axis</code></td>
<td><code>long</code></td>
<td>表明鼠标滚轮滚动的方向. <strong>只读.</strong></td>
</tr>
</tbody>
</table>
<h2 id="常量">常量</h2>
<h3 id="Delta_模式">Delta 模式</h3>
<table class="standard-table">
<tbody>
<tr>
<td class="header">名称</td>
<td class="header">值</td>
<td class="header">描述</td>
</tr>
<tr>
<td><code>HORIZONTAL_AXIS</code></td>
<td><code>0x01</code></td>
<td>该事件是由鼠标滚轮的横向滚动触发的</td>
</tr>
<tr>
<td><code><code>VERTICAL_AXIS</code></code></td>
<td><code>0x02</code></td>
<td>该事件是由鼠标滚轮的纵向滚动触发的</td>
</tr>
</tbody>
</table>
<h2 id="方法">方法</h2>
<h3 id="initMouseScrollEvent()">initMouseScrollEvent()</h3>
<p>查看 <a href="https://developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/nsIDOMMouseScrollEvent#initMouseScrollEvent%28%29" title="https://developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/nsIDOMMouseScrollEvent#initMouseScrollEvent%28%29">nsIDOMMouseScrollEvent::initMouseScrollEvent()</a>.</p>
<h2 id="Browser_Compatibility" name="Browser_Compatibility">滚轮相关事件对比</h2>
<table class="standard-table" style="height: 100px; width: 527px;">
<tbody>
<tr>
<td class="header">事件类型</td>
<td class="header">事件对象</td>
<td class="header">是否标准</td>
<td class="header">兼容性</td>
</tr>
<tr>
<td><a href="../../../zh-CN/docs/DOM/DOM_event_reference/mousewheel" title="https://developer.mozilla.org/zh-CN/docs/DOM/DOM_event_reference/mousewheel">mousewheel</a></td>
<td><a href="../../../zh-CN/docs/DOM/MouseWheelEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/MouseWheelEvent">MouseWheelEvent</a></td>
<td>非标准</td>
<td>只有Firefox不支持</td>
</tr>
<tr>
<td><a class="new" href="../../../zh-CN/docs/DOM/DOM_event_reference/DOMMouseScroll" title="https://developer.mozilla.org/zh-CN/docs/DOM/DOM_event_reference/DOMMouseScroll">DOMMouseScroll</a></td>
<td><a class="new" href="../../../zh-CN/docs/DOM/MouseScrollEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/MouseScrollEvent">MouseScrollEvent</a></td>
<td>非标准</td>
<td>只有Firefox支持</td>
</tr>
<tr>
<td><a class="new" href="../../../zh-CN/docs/DOM/DOM_event_reference/wheel">wheel</a></td>
<td><a href="../../../zh-CN/docs/DOM/WheelEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/WheelEvent">WheelEvent</a></td>
<td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel" title="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel">DOM Level 3</a></td>
<td>Firefox 17+ ie9+</td>
</tr>
</tbody>
</table>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatGeckoDesktop("1.9.1") }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatGeckoMobile("1.9.1") }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
</tr>
</tbody>
</table>
</div>
<h2 class="note" id="相关链接">相关链接</h2>
<ul>
<li><code>DOMMouseScroll</code></li>
<li><code>MozMousePixelScroll</code></li>
<li>非Gecko浏览器中的非标准的鼠标滚轮事件对象: {{ domxref("MouseWheelEvent") }}</li>
<li>被标准化的鼠标滚轮事件对象: {{ domxref("WheelEvent") }}</li>
</ul>
|
