From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../api/globaleventhandlers/onloadend/index.html | 57 ++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 files/ja/web/api/globaleventhandlers/onloadend/index.html (limited to 'files/ja/web/api/globaleventhandlers/onloadend/index.html') diff --git a/files/ja/web/api/globaleventhandlers/onloadend/index.html b/files/ja/web/api/globaleventhandlers/onloadend/index.html new file mode 100644 index 0000000000..ea6c7358b3 --- /dev/null +++ b/files/ja/web/api/globaleventhandlers/onloadend/index.html @@ -0,0 +1,57 @@ +--- +title: GlobalEventHandlers.onloadend +slug: Web/API/GlobalEventHandlers/onloadend +tags: + - API + - Event Handler + - GlobalEventHandlers + - HTML DOM + - Property + - Reference + - Web + - events + - onloadend +translation_of: Web/API/GlobalEventHandlers/onloadend +--- +
{{ApiRef}}
+ +

onloadend は {{domxref("GlobalEventHandlers")}} ミックスインのプロパティで、 {{domxref("XMLHttpRequest/loadend_event", "loadend")}} イベントが発行されたとき (リソースの読み取り中に進捗が停止したとき) に呼び出されるコードを表すイベントハンドラー ({{domxref("EventHandler")}}) です。

+ +

構文

+ +
img.onloadend = funcRef;
+
+ +

+ +

funcRef はリソースの loadend イベントが発行されたときに呼び出されるハンドラー関数です。

+ +

+ +

HTML

+ +
<img src="myImage.jpg">
+ +

JavaScript

+ +
// 'loadstart' が最初に発行され、次に 'load'、その次に 'loadend'
+
+image.addEventListener('load', function(e) {
+  console.log('Image loaded');
+});
+
+image.addEventListener('loadstart', function(e) {
+  console.log('Image load started');
+});
+
+image.addEventListener('loadend', function(e) {
+  console.log('Image load finished');
+});
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.GlobalEventHandlers.onloadend")}}

+
-- cgit v1.2.3-54-g00ecf