diff options
Diffstat (limited to 'files/ja/web/api/window/onresize/index.html')
-rw-r--r-- | files/ja/web/api/window/onresize/index.html | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/files/ja/web/api/window/onresize/index.html b/files/ja/web/api/window/onresize/index.html deleted file mode 100644 index db2b2bbae9..0000000000 --- a/files/ja/web/api/window/onresize/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: window.onresize -slug: Web/API/Window/onresize -tags: - - DOM - - Gecko - - Property - - Window -translation_of: Web/API/GlobalEventHandlers/onresize ---- -<p>{{ ApiRef() }}</p> - -<p><code><strong>GlobalEventHandlers.onresize</strong></code> プロパティは、{{event("resize")}} イベントを受信するとトリガーされる {{domxref("EventHandler")}} を含みます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="eval">window.onresize = <em>funcRef</em>; -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<ul> - <li><code>funcRef</code>: 関数への参照</li> -</ul> - -<h2 id="Example" name="Example">例</h2> - -<pre>window.onresize = doFunc; -</pre> - -<pre><html> -<head> - -<title>onresize test</title> - -</head> - -<body> -<p>Resize the browser window to fire the resize event.</p> - -<p>Window height: <span id="height"></span></p> -<p>Window width: <span id="width"></span></p> - -<script type="text/javascript"> - var heightOutput = document.querySelector('#height'); - var widthOutput = document.querySelector('#width'); - - function resize() { - heightOutput.textContent = window.innerHeight; - widthOutput.textContent = window.innerWidth; - } - - window.onresize = resize; -</script> -</body> -</html> -</pre> - -<h2 id="Notes" name="Notes">注記</h2> - -<p>ブラウザウィンドウのサイズが変更された後に <code>resize</code> イベントが発生します。</p> - -<h2 id="Specification" name="Specification">仕様</h2> - -<table class="spectable standard-table"> - <tbody> - <tr> - <th scope="col">使用</th> - <th scope="col">ステータス</th> - <th scope="col">コメント</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onresize','onresize')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> |