JavaScript イベントハンドラの削除、キャンセルについて

首記の件につきまして、

イベントの削除、キャンセルの処理はremoveEventListenerになりますが、このメソッドはイベントハンドラのonイベント、イベントリスナーのaddEventListenerどちらも有効なのですか。

宜しくお願い致します。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2021/04/08 15:40

onイベントで付加したイベントはremoveEventListenerでは削除できません。

普通にonイベント=nullなどで上書きする感じでしょうか・・・
onイベントは取り回しが面倒なのでaddEventListenerを
ご利用になることをおすすめします

この回答へのお礼

回答ありがとうございます。
nullで上書きする事でイベントハンドラの削除にはなるのは盲点でした。

お礼日時：2021/04/09 14:07

No.2 回答者： fujillin 回答日時： 2021/04/08 16:14

こんにちは

試してみればわかることですが・・・
removeEventListener()は、addEventListener() で登録されたイベントに対して有効です。
https://developer.mozilla.org/ja/docs/Web/API/Ev …

一方で、on〇〇属性として設定されたイベントは、上書きすることで削除することが可能です。