loadstartイベント - 読み込みを開始した時に発生
loadstartイベントは、何らかの読み込みを開始した時に発生するイベントです。
概要
- 名前
- loadstart
- インターフェイス
- ProgressEvent
- 仕様書
- https://html.spec.whatwg.org/multipage/indices.html#event-loadstart
デモ
FileReader
FileReaderでのデモです。読み込みを開始したタイミングでメッセージを表示します。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
div#result { white-space: pre-wrap ; }
input { width: 95% ; font-size: 16px ; }
</style>
</head>
<body>
<input type="file" multiple id="hoge">
<hr>
<div id="result"></div>
<script>
var element = document.getElementById( "hoge" ) ;
var resultElement = document.getElementById( "result" ) ;
var fileReader = new FileReader() ;
element.onchange = function () {
var file = element.files[0] ;
fileReader.readAsText( file ) ;
}
fileReader.onloadstart = function () {
console.log( "読み込みを開始しました!!" ) ;
resultElement.textContent = "読み込みを開始しました!!" ;
}
var lastError ;
</script>
</body>
</html>
関連記事
- FileReader.onloadstart
- onloadstartは、FileReaderのイベントです。データの読み込みを開始した時にloadstartイベントが発生し、ここに設定したコールバック関数が呼び出されます。
- FileReader.abort()
- abort()は、FileReaderのメソッドです。ファイルの読み込みを中止するメソッドです。ローカル環境のファイルは、データサイズがよほど大きくない限りはすぐに読み込みが完了するし、データサイズが大きいと今度はブラウザがフリーズしてしまいます。その意味で、なかなか使う機会がないメソッドといえるかもしれません。読み込みを中止するとabortイベントが発生します。
- abortイベント
- abortイベントは、読み込みを中止した時に発生するイベントです。