EventListeneを一括でremoveしたい。

Question

###今発火しているイベントを一括でremvoeしたい。
Javascriptでクリックイベントなどを使用して開発しています。

発生している問題・エラーメッセージ

removeEventListeneを１行ずつ書いているので、それを短く書きたい。
今発火しているイイベントを取得して、それをremoveしたい。

### 該当のソースコード
        const colorElement = document.getElementById("color");
        const numberElement = document.getElementById("number ");
        const familyElement = document.getElementById("font_style");
        colorElement.removeEventListener("change", function(e) {
            colorchange(e,textNode2);
        });
        numberElement.removeEventListener("change", function(e) {
            sizechange(e,textNode2);
        });
        familyElement.removeEventListener("change", function(e) {
            familychange(e,textNode2);
        });
        colorElement.removeEventListener("change", function(e) {
            colorchange(e,textNode3);
        });
        numberElement.removeEventListener("change", function(e) {
            sizechange(e,textNode3);
        });
        familyElement.removeEventListener("change", function(e) {
            familychange(e,textNode3);
        });
```Javascirpt

### 試したこと

今removeEventListenerを1行ずつ書いている。

### EventListenerを一括でremoveしたい。
今は1行ずつ書いており書くのが大変なので、一括でremoveしたいのですがこれは不可能ですか？

Comments

[Lhankor_Mhy]

実際にこのコードで動作しているのですか？
匿名関数ではイベントリスナの削除は難しいのではないかと思うのですが。

[hyuga00000]

良い書き方などはありますか？

[Lhankor_Mhy]

回答します。

[Lhankor_Mhy]

と、思ったら maisumakun さんのご回答があり、当方で考えていたものと同じだったのでそちらをご参照ください。

Answer 1

そもそも、removeEventListenerにはイベントをセットした際の関数インスタンスを与えないと、エラーにこそなりませんが何の効果も発揮しません（MDN）。

---

付いているイベントを全部吹き飛ばしたいなら、エレメントを再作成するような手段は考えられます。

Answer 2

仕様上むずかしいですが

[numberElement,familyElement,colorElement].forEach

みたいな書き方をすれば共通の処理は１回だけ書けばすみます