ScreenOrientation.onchange - 向きが変化した時に発火するイベント
onchangeは、ScreenOrientationのイベントです。スクリーンの向きが変化した時にchangeイベントが発生し、ここに設定したコールバック関数が呼び出されます。
概要
- 名前
- onchange
- 所属
- ScreenOrientation
- イベント
- change
- IDL
attribute EventHandler onchange; typedef EventHandlerNonNull? EventHandler; callback EventHandlerNonNull = any (Event event);
- 仕様書
- https://www.w3.org/TR/screen-orientation/#dom-screenorientation-onchange
チュートリアル
onchangeでイベントを設定する例です。
var screenOrientation = screen.orientation ;
screenOrientation.onchange = function ( event ) {
console.log( event ) ;
}
Event.addEventListener()でも、同様にイベントを設定できます。
screenOrientation.addEventListener( "change", function ( event ) {
console.log( event ) ;
} ) ;
デモ
ScreenOrientation.onchangeのデモです。向きが変化するごとに、情報を更新します。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
body { word-break: break-all ; }
div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
<div id="result"></div>
<script>
var screenOrientation = screen.orientation ;
screenOrientation.onchange = function ( event ) {
console.log( event ) ;
getOrientationInfo() ;
appendText( "event: " + event + "\n" ) ;
}
getOrientationInfo() ;
function getOrientationInfo() {
document.getElementById( "result" ).textContent = "" ;
console.log( screenOrientation ) ;
appendText( screenOrientation + "\n" ) ;
appendText( "type: " + screenOrientation.type + "\n" ) ;
appendText( "angle: " + screenOrientation.angle + "\n\n" ) ;
}
function appendText ( text ) {
document.getElementById( "result" ).appendChild( document.createTextNode( text ) ) ;
}
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● 38+ | ● 43+ | × | × | × | ● 25+ | × | × |
関連記事
- ScreenOrientation.unlock()
- unlock()は、ScreenOrientationのメソッドです。スクリーンの向きの固定を解除します。
- ScreenOrientation.type
- typeは、ScreenOrientationのプロパティです。スクリーンの向きの種類を文字列で返します。
- NetworkInformation.onchange
- onchangeは、NetworkInformationのイベントです。内部でネットワーク情報が更新された時にchangeイベントが発生し、ここに設定したコールバック関数が呼び出されます。
- ScreenOrientation
- ScreenOrientationは、スクリーンのオリエンテーション(向き)を管理するための機能を備えたインターフェイスです。