--- title: 'Performance: resourcetimingbufferfull event' slug: Web/API/Performance/resourcetimingbufferfull_event tags: - API - DOM - Web 開発 - onresourcetimingbufferfull - イベント - パフォーマンス - リファレンス translation_of: Web/API/Performance/resourcetimingbufferfull_event --- <div>{{APIRef}}</div> <p><code>resourcetimingbufferfull</code> イベントは、ブラウザのリソースタイミングバッファがいっぱいになると発生します。</p> <table class="properties"> <tbody> <tr> <th scope="row">バブル</th> <td>はい</td> </tr> <tr> <th scope="row">キャンセル可能</th> <td>はい</td> </tr> <tr> <th scope="row">インターフェイス</th> <td>{{domxref("Event")}}</td> </tr> <tr> <th scope="row">イベントハンドラプロパティ</th> <td>{{domxref("Performance.onresourcetimingbufferfull", "onresourcetimingbufferfull")}}</td> </tr> </tbody> </table> <h2 id="例">例</h2> <p>次の例では、<code>onresourcetimingbufferfull</code> プロパティにコールバック関数を設定します。</p> <pre class="brush: js">function buffer_full(event) { console.log("WARNING: Resource Timing Buffer is FULL!"); performance.setResourceTimingBufferSize(200); } function init() { // Set a callback if the resource buffer becomes filled performance.onresourcetimingbufferfull = buffer_full; } <body onload="init()"></pre> <p>addEventListener() 関数を使用してハンドラを設定することもできます。</p> <pre class="brush: js">performance.addEventListener('resourcetimingbufferfull', buffer_full); </pre> <h2 id="仕様">仕様</h2> <table class="standard-table"> <tbody> <tr> <th scope="col">仕様書</th> <th scope="col">ステータス</th> <th scope="col">コメント</th> </tr> <tr> <td>{{SpecName('Resource Timing', '#dom-performance-onresourcetimingbufferfull', 'onresourcetimingbufferfull')}}</td> <td>{{Spec2('Resource Timing')}}</td> <td>初期定義</td> </tr> </tbody> </table> <h2 id="ブラウザの互換性">ブラウザの互換性</h2> <div>{{Compat("api.Performance.resourcetimingbufferfull_event")}}</div> <h2 id="あわせて参照">あわせて参照</h2> <ul> <li>{{domxref("Performance.clearResourceTimings","Performance.clearResourceTimings()")}}</li> <li>{{domxref("Performance.setResourceTimingBufferSize","Performance.setResourceTimingBufferSize()")}}</li> </ul>