備忘録的プログラミングリファレンス

loadstart ( onloadstart )イベント

　loadstart ( onloadstart )イベントは、<audio> または <video> におけるメディアリソースファイルの読み込みが始まったら発生するイベントです。

　FileReader や XMLHttpRequest においても使用できます。

body.onload
window.onloadstart = function( event ){
	console.log( event );
};

詳しくはExampleを参照してください。

　このイベントはページの遷移、エレメントや画像の読み込みでは機能しないようです。

　JavaScript における <audio> については HTMLAudioElement インターフェイスを、<video> についてはHTMLVideoElement インターフェイスを参照してください。

構文（Syntax）

in HTML

<tagelement onloadstart="oneFunction()">

in JavaScript

object.onloadstart = function(){ };

object.addEventListener("loadstart", script_);

備考（Remarks）

BubblesNo
CancelableNo
InterfaceUiEvent（ユーザーインターフェイスから生成された場合）,Event
Supported HTML Elements全般

Example

　loadstart ( onloadstart )イベントの例です。

　以下に例では、動画の読み込みが始まるとと loadstart イベントが発生しアラートが表示されます。
　動画データのダウンロードの開始時点でこのイベントは発生するようです。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。

XMLHttpRequest での例

　XMLHttpRequest での例です。src/test.html ファイルを読み込んでページの遷移をしないで内容を追加表示します。
　ここでは、abort() メソッドによって任意に読み込みを中断します。

　XMLHttpRequest によるファイルの読み込みが始まったら onloadstart イベントを捉えて abort() メソッドで読み込みを中断します。
　このメソッドの実行によって onabort イベントが発生します。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。

FileReader での例

　FileReader での例です。
　ここでは、abort() メソッドによって任意に読み込みを中断します。

　FileReader によるファイルの読み込みが始まったら onloadstart イベントを捉えて abort() メソッドで読み込みを中断します。
　このメソッドの実行によって abort イベントが発生します。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。

関連するイベント

　　読み込みに使用するイベントです。エレメントのロード、ファイルのダウンロード、動画や音声といったメディデータのダウンロードと用途によって機能する／しないイベントがあります。
onabort読み込みが途中でキャンセルされたら
onerrorリソースの読み込みの失敗または実行時にエラーが発生したら
onloadファイルやエレメントのロードに時に発生。window でページの初期設定に使用
onloadeddataメディアデータの読み込みが終了したら
onloadedmetadataメディアのメタデータの読み込みが完了したら
onloadend読み込みが終了したら
onloadstartメディアデータのダウンロードプロセスが始まったら
onprogressファイルやメディアデータをダウンロードをしている間
onstalledダウンロードをしたデータが利用できない
onsuspendダウンロードデータがないと

関連（Related）