---
title: GlobalEventHandlers.onloadedmetadata
slug: Web/API/GlobalEventHandlers/onloadedmetadata
translation_of: Web/API/GlobalEventHandlers/onloadedmetadata
---
<div>{{ ApiRef("HTML DOM") }}</div>

<p>The <strong><code>onloadedmetadata</code></strong> property of the {{domxref("GlobalEventHandlers")}} mixin is the {{domxref("EventHandler")}} for processing {{event("loadedmetadata")}} events.</p>

<p>The <code>loadedmetadata</code> event is fired when the metadata has been loaded.</p>

<h2 id="Syntax">Syntax</h2>

<pre class="syntaxbox notranslate"><em><var>element</var></em>.onloadedmetadata = <em>handlerFunction</em>;
var <em>handlerFunction</em> = <em><var>element</var></em>.onloadedmetadata;
</pre>

<p><code>handlerFunction</code> should be either <code>null</code> or a <a href="/en-US/docs/Web/JavaScript/Reference/Functions" title="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">JavaScript function</a> specifying the handler for the event.</p>

<h2 id="Specification">Specification</h2>

<table class="spectable standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG','#handler-onloadedmetadata','onloadedmetadata')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>



<p>{{Compat("api.GlobalEventHandlers.onloadedmetadata")}}</p>

<h2 id="See_also">See also</h2>

<ul>
 <li>{{event("loadedmetadata")}}</li>
 <li><a href="/en-US/docs/Web/Guide/Events/Event_handlers" title="/en-US/docs/Web/Guide/DOM/Events/Event_handlers">DOM event handlers</a></li>
</ul>