errorイベント - エラー時に発生

2017/10/04

errorイベントは、何らかのエラー時に発生するイベントです。

概要

名前: error
インターフェイス: Event; ErrorEvent
仕様書: https://html.spec.whatwg.org/multipage/indices.html#event-error

デモ

WebSocket

WebSocketでソケット通信に失敗した時に発生します。渡されるのは、Eventです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
	div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
	<p>
		<button id="hoge">接続</button>
	</p>
<hr>
	<div id="result"></div>
<script>
var ws = null ;
var element1 = document.getElementById( "hoge" ) ;

element1.onclick = function () {
	if ( ws && ws.readyState === 1 ) return false ;

	ws = new WebSocket( "wss://example.com/" ) ;

	ws.onerror = function ( event ) {
		console.log( event ) ;
		logUpdate( "通信に失敗しました。" ) ;
	}
}

var logUpdate = function ( text, noDate ) {
	var resultElement = document.getElementById( "result" ) ;
	resultElement.textContent = text + ( noDate ? "" : "(" + new Date().toLocaleString() + ")" ) + "\n" + resultElement.textContent ;
}
</script>
</body>
</html>

概要

デモ

WebSocket

関連記事