diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/document/ononline | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/web/api/document/ononline')
-rw-r--r-- | files/ja/web/api/document/ononline/index.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/files/ja/web/api/document/ononline/index.html b/files/ja/web/api/document/ononline/index.html new file mode 100644 index 0000000000..466d591706 --- /dev/null +++ b/files/ja/web/api/document/ononline/index.html @@ -0,0 +1,39 @@ +--- +title: Document.ononline +slug: Web/API/Document/ononline +tags: + - API + - DOM + - Document + - Property + - Reference +translation_of: Web/API/Document/ononline +--- +<div>{{APIRef("DOM")}}</div> + +<p><strong><code>Document.online</code></strong> イベントは、ブラウザーがオンラインモードとオフラインモードの間で切り替わったときに、それぞれのページの {{HtmlElement("body")}} で発生します。加えて、イベントは <code>document.body</code> から <code>document</code> に向けて、 <code>window</code> までバブリングします。どちらのイベントもキャンセル不可能です (ユーザーがオンラインになったり、オフラインに移行したりするのを妨げることはできません)。</p> + +<p><code>window.navigator.onLine</code> は、ブラウザーがオンラインの場合に真偽値の <code>true</code> を返し、明らかにオフラインの場合 (ネットワークから切断された場合) は <code>false</code> を返します。 <code>online</code> および <code>offline</code> イベントはこの属性の値が変化したときに発生します。</p> + +<div class="note"> +<p>重要なことですが、このイベントおよび属性は本質的に信頼できません。コンピューターはインターネットアクセスなしでネットワークに接続することがあります。</p> +</div> + +<p>これらのイベントのリスナーは、おなじみの幾つかの方法で登録することができます。</p> + +<ul> + <li>{{domxref("EventTarget.addEventListener", "addEventListener")}} を <code>window</code>, <code>document</code>, <code>document.body</code> に使用する</li> + <li><code>document</code> または <code>document.body</code> の <code>.ononline</code> または <code>.onoffline</code> プロパティに、 JavaScript の <code>Function</code> オブジェクトを設定する (<strong>注:</strong> <code>window.ononline</code> または <code>window.onoffline</code> の使用は互換性の理由から動作しません。)</li> + <li>HTML マークアップの中で、 <code>ononline="..."</code> または <code>onoffline="..."</code> 属性を <code><body></code> タグに指定する。</li> +</ul> + +<h2 id="Example" name="Example">例</h2> + +<p>実行するとイベントが動作することを確認することができる<a class="external link-https external-icon" href="https://bugzilla.mozilla.org/attachment.cgi?id=220609">単純なテストケース</a>があります。</p> + +<h2 id="関連情報">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Online_and_offline_events">online および offline イベント</a></li> + <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#event-online">WHATWG Web App Specification</a></li> +</ul> |