document.mozCancelFullScreen

  • Revision slug: DOM/document.mozCancelFullScreen
  • Revision title: document.mozCancelFullScreen
  • Revision id: 52399
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment one or more formatting changes

Revision Content

{{ DomRef() }}

{{ non-standard_header() }}

Summary

Takes the document out of full-screen mode; this is used to reverse the effects of a call to make an element in the document full-screen using its {{ domxref("element.mozRequestFullScreen()") }} method.

Syntax

document.mozCancelFullScreen();

Example

Example needed.

Notes

See Using full-screen mode for details and examples.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatUnknown() }} {{ CompatGeckoDesktop("9.0") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{ CompatUnknown() }} {{ CompatGeckoMobile("9.0") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}

Specification

None

See also

  • Using full-screen mode
  • {{ domxref("element.mozRequestFullScreen()") }}
  • {{ domxref("document.mozFullScreen") }}
  • {{ domxref("document.mozFullScreenElement") }}
  • {{ domxref("document.mozFullScreenEnabled") }}
  • {{ cssxref(":-moz-full-screen") }}
  • {{ HTMLAttrXRef("mozallowfullscreen", "iframe") }}

Revision Source

<p>{{ DomRef() }}</p>
<p>{{ non-standard_header() }}</p>
<h3 name="Summary">Summary</h3>
<p>Takes the document out of full-screen mode; this is used to reverse the effects of a call to make an element in the document full-screen using its {{ domxref("element.mozRequestFullScreen()") }} method.</p>
<h3 name="Syntax">Syntax</h3>
<pre class="eval">document.mozCancelFullScreen();
</pre>
<h3 name="Example">Example</h3>
<p>Example needed.</p>
<h3 name="Notes">Notes</h3>
<p>See <a href="/en/DOM/Using_full-screen_mode" title="en/DOM/Using full-screen mode">Using full-screen mode</a> for details and examples.</p>
<h3 name="Specification">Browser compatibility</h3>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatGeckoDesktop("9.0") }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody> </table>
</div>
<div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Mobile</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatGeckoMobile("9.0") }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody> </table>
</div>
<h3 name="Specification">Specification</h3>
<p>None</p>
<h3>See also</h3>
<ul> <li><a href="/en/DOM/Using_full-screen_mode" title="en/DOM/Using full-screen mode">Using full-screen mode</a></li> <li>{{ domxref("element.mozRequestFullScreen()") }}</li> <li>{{ domxref("document.mozFullScreen") }}</li> <li>{{ domxref("document.mozFullScreenElement") }}</li> <li>{{ domxref("document.mozFullScreenEnabled") }}</li> <li>{{ cssxref(":-moz-full-screen") }}</li> <li>{{ HTMLAttrXRef("mozallowfullscreen", "iframe") }}</li>
</ul>
Revert to this revision