abortイベント - 読み込みを中止した時に発生
abortイベントは、読み込みを中止した時に発生するイベントです。
概要
- 名前
- abort
- インターフェイス
- Event
- ProgressEvent
- 仕様書
- https://html.spec.whatwg.org/multipage/indices.html#event-abort
デモ
FileReader
FileReaderでのデモです。ファイルを選択すると読み込みを開始し、即座にその読み込みを中止します。コールバック関数に渡されるのは、ProgressEventです。
<!-- このコードは編集できます。 -->
<!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" ) ;
element.onchange = function () {
var fileReader = new FileReader() ;
fileReader.onload = function () {
console.log( this.result ) ;
resultElement.appendChild( new Text( "読み込みが完了しました!!" ) ) ;
}
fileReader.onabort = function ( event ) {
console.log( event ) ;
resultElement.appendChild( new Text( "読み込みを中止しました!!" ) ) ;
}
var file = element.files[0] ;
fileReader.readAsText( file ) ;
fileReader.abort() ;
}
</script>
</body>
</html>
関連記事
- loadendイベント
- loadendイベントは、何らかの読み込みが成功か失敗かに関わらず終了した時に発生するイベントです。
- FileReader.onloadend
- onloadendは、FileReaderのイベントです。データの読み込みが成功か失敗に関わらず終了した時にloadendイベントが発生し、ここに設定したコールバック関数が呼び出されます。
- FileReader.onabort
- onabortは、FileReaderのイベントです。データの読み込みを中断した時にabortイベントが発生し、ここに設定したコールバック関数が呼び出されます。
- FileReader.EMPTY
- EMPTYは、FileReaderの定数です。0を返します。この値は、データの読み込みをまだ開始していない状態を表します。