Adapt api.IdleDetector.onchange to new events structure

[queengooborg]

This PR adapts the change event of the IdleDetector API to conform to the new events structure.

BCD PR: mdn/browser-compat-data#15164

[github-actions]

Preview URLs

• https://pr13525.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/IdleDetector/change_event
• https://pr13525.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/IdleDetector

Flaws

URL: /en-US/docs/Web/API/IdleDetector
Title: IdleDetector
on GitHub
Flaw count: 1

• bad_bcd_links:
  • no explanation!

---

URL: /en-US/docs/Web/API/IdleDetector/change_event
Title: IdleDetector: change event
on GitHub
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: api.IdleDetector.change_event

External URLs

URL: /en-US/docs/Web/API/IdleDetector
Title: IdleDetector
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/IdleDetector/change_event
Title: IdleDetector: change event
on GitHub

No new external URLs

(this comment was updated 2022-03-10 15:39:01.705218)

[teoli2003]

[REVIEW IN PROGRESS] Checklist I used for reviewing this event Content PR:

When onXYZ exists, for each onXYZ

• Redirect from /Web/API/xxxx/onXYZ to /Web/API/xxxx/XYZ_event` set
• /Web/API/xxxx/onXYZ deleted.
• In /Web/API/xxxx/XYZ_event:
  • Front-runner YAML: Correct browser-compat front-runner key
  • Front-runner YAML: Correct title front-runner key to: Interface: XYZ event (with ticks!)
  • Front-runner YAML: No Property and Event Handler int the tag list but Event in it (more cleaning possible)
  • Check if the event bubbles. If not, no mention in article
  • Intro explain the event itself and no more just onXYZ.

    Example: "The levelchange event of the Battery Status API is fired when the battery {{domxref("BatteryManager.level","level")}} property is updated."

  • No HTML table with Bubbles, Cancelable, and Interface lines.
  • Syntax section with the structure of the template, and fix the names of event and of the onXYZ property
  • If inheritance is not only Event, there is an Event type section (two texts possible!, with
    • {{InheritanceDiagram}} with the right argument
    • There is an Event properties section and list the parameters, taken from the interface of the event type
  • Check that no mention of this onXYZ is a link.
  • Check that links to other onXYZ are links to the corresponding XYZ_event

On the API interface page:

• There is no Event handlers section
• There is an Events section (with the correct events)
• Check that there are no links to onXYZ.

On each page of the interface and the API overview page:

• Check that there are no links to onXYZ.
• Check that examples uses the modern syntax for defining function in event handler (onXYZ = event => { …} )
• Check that no {{event} macro is left.
• Fix flaws (as much as possible); at least, make sure not to introduce new flaws.
• Check that if an event is linked to a property value, that property documents when this event is fired.

  Example: "When its value changes, the chargingchange event is fired."

Optional:

• Remove gremlins (non-breaking spaces, curly tick, curly double-ticks)
• If the interface is no more experimental, remove the experimental tags/banners.

Administration:

• Link to the BCD PR.

[teoli2003]

Just some tags.