回答編集履歴

追記

2020/09/25 12:56

投稿

スコア28669

test CHANGED Viewed

@@ -155,3 +155,15 @@
 };
 ```
+### 追記
+取り消しに対応した observe メソッドです。
+[Add 'observe(type)' method which monitor events to HTMLElement in JavaScript](https://gist.github.com/Zuishin/6c5ae7fc66fa31db175bb034878e096d)

修正

2020/09/25 12:56

投稿

スコア28669

test CHANGED Viewed

@@ -155,11 +155,3 @@
 };
 ```
-### 追記
-よく考えると、Promise の reject メソッドを呼べばいいだけなので、シンプルなもので十分でした。

追記

2020/09/24 01:48

投稿

スコア28669

test CHANGED Viewed

@@ -155,3 +155,11 @@
 };
 ```
+### 追記
+よく考えると、Promise の reject メソッドを呼べばいいだけなので、シンプルなもので十分でした。

修正

2020/09/24 01:36

投稿

スコア28669

test CHANGED Viewed

@@ -133,3 +133,25 @@
 </html>
 ```
+### 追記
+[EventTarget.addEventListener()](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener) は option に once を渡すことで実行後自動的に削除できますが、将来、実行されなかったものを削除できる仕組みに拡張したいため、あえて removeEventListener() を入れています。
+入れないなら次のようにシンプルになります。
+```JavaScript
+HTMLElement.prototype.observe = function (type) {
+	return new Promise(resolve => this.addEventListener(type, resolve, {once: true}));
+};
+```

修正

2020/09/23 23:40

投稿

スコア28669

test CHANGED Viewed

@@ -56,7 +56,7 @@
 		HTMLElement.prototype.observe = function (type) {
-			const handler = resolve => {
+			const getHandler = resolve => {
 				const result =  () => {
@@ -70,7 +70,7 @@
 			};
-			return new Promise(resolve => this.addEventListener(type, handler(resolve)));
+			return new Promise(resolve => this.addEventListener(type, getHandler(resolve)));
 		};