SYNCERのロゴ
アイキャッチ画像

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>
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月4日 (水)
コンテンツを公開しました。