unicorn/prefer-add-event-listener Suspicious

🚧 An auto-fix is planned for this rule, but not implemented at this time.

Enforces the use of .addEventListener() and .removeEventListener() over their on-function counterparts.

For example, foo.addEventListener('click', handler); is preferred over foo.onclick = handler; for HTML DOM Events.

There are numerous advantages of using addEventListener. Some of these advantages include registering unlimited event handlers and optionally having the event handler invoked only once.

Examples of incorrect code for this rule:

javascript

foo.onclick = () => {};

Examples of correct code for this rule:

javascript

foo.addEventListener("click", () => {});

How to use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)CLI

json

{
  "rules": {
    "unicorn/prefer-add-event-listener": "error"
  }
}

bash

oxlint --deny unicorn/prefer-add-event-listener