From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../zh-cn/web/api/wheelevent/deltamode/index.html | 122 +++++++++++++++++++++ files/zh-cn/web/api/wheelevent/deltax/index.html | 99 +++++++++++++++++ files/zh-cn/web/api/wheelevent/deltay/index.html | 101 +++++++++++++++++ files/zh-cn/web/api/wheelevent/deltaz/index.html | 103 +++++++++++++++++ files/zh-cn/web/api/wheelevent/index.html | 109 ++++++++++++++++++ 5 files changed, 534 insertions(+) create mode 100644 files/zh-cn/web/api/wheelevent/deltamode/index.html create mode 100644 files/zh-cn/web/api/wheelevent/deltax/index.html create mode 100644 files/zh-cn/web/api/wheelevent/deltay/index.html create mode 100644 files/zh-cn/web/api/wheelevent/deltaz/index.html create mode 100644 files/zh-cn/web/api/wheelevent/index.html (limited to 'files/zh-cn/web/api/wheelevent') diff --git a/files/zh-cn/web/api/wheelevent/deltamode/index.html b/files/zh-cn/web/api/wheelevent/deltamode/index.html new file mode 100644 index 0000000000..7db3c83a71 --- /dev/null +++ b/files/zh-cn/web/api/wheelevent/deltamode/index.html @@ -0,0 +1,122 @@ +--- +title: WheelEvent.deltaMode +slug: Web/API/WheelEvent/deltaMode +translation_of: Web/API/WheelEvent/deltaMode +--- +

{{APIRef("DOM Events")}}

+ +

WheelEvent.deltaMode 只读属性返回一个 unsigned long 类型的值, 声明 delta 的滚动值的单位. 可能的值为:

+ + + + + + + + + + + + + + + + + + + + + + + + +
ConstantValueDescription
DOM_DELTA_PIXEL0x00delta 的值为 像素 级别.
DOM_DELTA_LINE0x01delta 的值为 行 级别.
DOM_DELTA_PAGE0x02delta 的值为 页 级别.
+ +

语法

+ +
var unit = event.deltaMode;
+ +

例子

+ +
var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaX": 4, "deltaMode": 0});
+
+console.log(syntheticEvent.deltaMode);
+
+ +

规范

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-WheelEvent-deltaMode','WheelEvent.deltaMode')}}{{Spec2('DOM3 Events')}}Initial definition.
+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support31{{ CompatVersionUnknown }}{{ CompatGeckoDesktop("17.0") }}{{ CompatIE("9.0") }}187.0
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{ CompatVersionUnknown() }}{{CompatVersionUnknown}}{{ CompatGeckoMobile("17.0") }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}{{ CompatNo() }}
+
+ +

另见

+ + diff --git a/files/zh-cn/web/api/wheelevent/deltax/index.html b/files/zh-cn/web/api/wheelevent/deltax/index.html new file mode 100644 index 0000000000..ed30709da2 --- /dev/null +++ b/files/zh-cn/web/api/wheelevent/deltax/index.html @@ -0,0 +1,99 @@ +--- +title: WheelEvent.deltaX +slug: Web/API/WheelEvent/deltaX +translation_of: Web/API/WheelEvent/deltaX +--- +

{{APIRef("DOM Events")}}

+ +

WheelEvent.deltaX 只读属性是一个 double 类型值, 声明水平滚动量以{{domxref("WheelEvent.deltaMode")}} 为单位.

+ +

语法

+ +
var dX = event.deltaX;
+ +

例子

+ +
var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaX": 4, "deltaMode": 0});
+
+console.log(syntheticEvent.deltaX);
+
+ +

规范

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-WheelEvent-deltaX','WheelEvent.deltaX')}}{{Spec2('DOM3 Events')}}Initial definition.
+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support31{{CompatVersionUnknown}}{{ CompatGeckoDesktop("17.0") }}{{ CompatIE("9.0") }} [1]18{{ CompatNo() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{ CompatVersionUnknown() }}{{CompatVersionUnknown}}{{ CompatGeckoMobile("17.0") }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}{{ CompatNo() }}
+
+ +

[1] IE9 支持一个规范的一个旧版本的草稿, 这里的值的类型是 long 而不是一个 double 类型的值.

+ +

另见

+ + diff --git a/files/zh-cn/web/api/wheelevent/deltay/index.html b/files/zh-cn/web/api/wheelevent/deltay/index.html new file mode 100644 index 0000000000..1f223c3b37 --- /dev/null +++ b/files/zh-cn/web/api/wheelevent/deltay/index.html @@ -0,0 +1,101 @@ +--- +title: WheelEvent.deltaY +slug: Web/API/WheelEvent/deltaY +translation_of: Web/API/WheelEvent/deltaY +--- +

{{APIRef("DOM Events")}}

+ +

 

+ +

WheelEvent.deltaY 只读属性是一个 double 类型值, 声明垂直滚动量以WheelEvent.deltaMode 为单位.

+ +

语法

+ +
var dY = event.deltaY;
+ +

例子

+ +
var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaY": 4, "deltaMode": 0});
+
+console.log(syntheticEvent.deltaY);
+
+ +

规范

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-WheelEvent-deltaY','WheelEvent.deltaY')}}{{Spec2('DOM3 Events')}}Initial definition.
+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support31{{CompatVersionUnknown}}{{ CompatGeckoDesktop("17.0") }}{{ CompatIE("9.0") }} [1]189.0
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{ CompatVersionUnknown() }}{{CompatVersionUnknown}}{{ CompatGeckoMobile("17.0") }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}{{ CompatNo() }}
+
+ +

[1] IE9 支持一个规范的一个旧版本的草稿, 这里的值的类型是 long 而不是一个 double 类型的值.

+ +

另见

+ + diff --git a/files/zh-cn/web/api/wheelevent/deltaz/index.html b/files/zh-cn/web/api/wheelevent/deltaz/index.html new file mode 100644 index 0000000000..d80bf95202 --- /dev/null +++ b/files/zh-cn/web/api/wheelevent/deltaz/index.html @@ -0,0 +1,103 @@ +--- +title: WheelEvent.deltaZ +slug: Web/API/WheelEvent/deltaZ +translation_of: Web/API/WheelEvent/deltaZ +--- +

{{APIRef("DOM Events")}}

+ +

 

+ +

WheelEvent.deltaZ 只读属性是一个 double 类型值, 声明 Z 轴滚动量以WheelEvent.deltaMode 为单位.

+ +

 

+ +

语法

+ +
var dZ = event.deltaZ;
+ +

例子

+ +
var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaZ": 4, "deltaMode": 0});
+
+console.log(syntheticEvent.deltaZ);
+
+ +

规范

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-WheelEvent-deltaZ','WheelEvent.deltaZ')}}{{Spec2('DOM3 Events')}}Initial definition.
+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support31{{CompatVersionUnknown}}{{ CompatGeckoDesktop("17.0") }}{{ CompatIE("9.0") }} [1]18{{ CompatNo() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{ CompatVersionUnknown() }}{{CompatVersionUnknown}}{{ CompatGeckoMobile("17.0") }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}{{ CompatNo() }}
+
+ +

[1] IE9 支持一个规范的一个旧版本的草稿, 这里的值的类型是 long 而不是一个 double 类型的值.

+ +

另见

+ + diff --git a/files/zh-cn/web/api/wheelevent/index.html b/files/zh-cn/web/api/wheelevent/index.html new file mode 100644 index 0000000000..6cd9881b2e --- /dev/null +++ b/files/zh-cn/web/api/wheelevent/index.html @@ -0,0 +1,109 @@ +--- +title: WheelEvent +slug: Web/API/WheelEvent +tags: + - API + - DOM + - Reference + - WheelEvent + - 接口 +translation_of: Web/API/WheelEvent +--- +

{{APIRef("DOM Events")}}

+ +

WheelEvent 接口表示用户滚动鼠标滚轮或类似输入设备时触发的事件。

+ +
重要：该事件为标准规定的滚轮事件接口。早期的浏览器实现过{{ domxref("MouseWheelEvent") }}和{{domxref("MouseScrollEvent")}}两种滚轮事件接口，但这两种接口皆非标准，加之各浏览器间对其兼容性极差。因而开发者应使用该标准事件接口取代这两个非标准接口。
+ +
不要混淆 wheel 事件和 {{event("scroll")}} 事件：{{event("wheel")}} 事件的默认动作取决于浏览器实现。因此 wheel 事件不一定会触发 {{event("scroll")}} 事件。即便滚轮事件引发了文档内容的滚动行为，也不表示 wheel 事件中的 delta* 值恰好反映文档内容的滚动方向。因此，不要依赖 delta* 属性获知文档内容的滚动方向。可在文档内容滚动事件（{{event("scroll")}}）中监视target的{{domxref("Element.scrollLeft", "scrollLeft")}}和{{domxref("Element.scrollTop", "scrollTop")}}的变化以推断滚动方向。
+ +

{{InheritanceDiagram}}

+ +

构造函数

+ +
+
{{domxref("WheelEvent.WheelEvent", "WheelEvent()")}}
+
创建一个WheelEvent对象。
+
+ +

属性

+ +

该接口继承了父接口{{domxref("MouseEvent")}}、{{domxref("UIEvent")}}、{{domxref("Event")}}的属性。

+ +
+
{{domxref("WheelEvent.deltaX")}} {{readonlyinline}}
+
返回double值，该值表示滚轮的横向滚动量。
+
{{domxref("WheelEvent.deltaY")}} {{readonlyinline}}
+
返回double值，该值表示滚轮的纵向滚动量。
+
{{domxref("WheelEvent.deltaZ")}} {{readonlyinline}}
+
返回double值，该值表示滚轮的z轴方向上的滚动量。
+
{{domxref("WheelEvent.deltaMode")}} {{readonlyinline}}
+
返回unsigned long值，该值表示上述各delta*的值的单位。该值及所表示的单位如下： + + + + + + + + + + + + + + + + + + + + + + + +
常量值描述
DOM_DELTA_PIXEL0x00滚动量单位为像素。
DOM_DELTA_LINE0x01滚动量单位为行。
DOM_DELTA_PAGE0x02滚动量单位为页。
+
+
+ +

方法

+ +

该接口本身未定义方法，但继承了父接口{{domxref("MouseEvent")}}、{{domxref("UIEvent")}}、{{domxref("Event")}}的方法。

+ +

规范

+ + + + + + + + + + + + + + + + + + + +
规范状态注释
{{SpecName("UI Events", "#interface-wheelevent", "The WheelEvent interface")}}{{Spec2("UI Events")}}
{{SpecName('DOM3 Events','#interface-wheelevent','WheelEvent')}}{{Spec2('DOM3 Events')}}Initial definition.
+ +

浏览器兼容性

+ +

{{Compat("api.WheelEvent")}}

+ +

参见

+ + -- cgit v1.2.3-54-g00ecf