SYNCERのロゴ
アイキャッチ画像

WheelEvent.DOM_DELTA_PAGE - 0x02 (ページ単位)

DOM_DELTA_PAGEは、WheelEventの定数です。0x02を返します。この値は、ホイールのスクロール量がページ単位であることを表します。

概要

名前
DOM_DELTA_PAGE
所属
WheelEvent
IDL
const unsigned long DOM_DELTA_PAGE = 0x02;
仕様書
https://w3c.github.io/uievents/#dom-wheelevent-dom_delta_page

チュートリアル

この定数は、deltaModeの値と照合するために使います。下記はスクロール量の単位がページ数であることを確認する例です。

var callbackFn = function ( event ) {
	if ( event.deltaMode === WheelEvent.DOM_DELTA_PAGE ) {
		console.log( "スクロール量の単位はページ数です。" ) ;
	}
}

デモ

WheelEvent.DOM_DELTA_PAGEのデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
	<style>
body {
	white-space: pre-wrap ;
}
	</style>
</head>
<body>
<script>
/** try it! **/
var event = new WheelEvent( "wheel" ) ;

var a = WheelEvent.DOM_DELTA_PAGE ;
var b = event.DOM_DELTA_PAGE ;
/** try it! **/

var results = { a:a, b:b, } ;

for( var name in results ) {
	console.log( name, results[name] ) ;
	document.body.appendChild( new Text( name + " = " + JSON.stringify( results[name] ) + "\n" ) ) ;
}
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
26+ 17+ 7.1+ 9+ 15+ 7.0+ 4.4+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月9日 (月)
コンテンツを公開しました。