Detect enter pressed with keyboard navigation

[gcattan]

Hello,
ChartOptions accepts an onClick listener reacting on click and mouseup events.
How can I implement a onmousedown event to detect that enter was pressed on an element?
The idea is to improve keyboard navigation and accessibility.

[stockiNail]

@gcattan Chart.js has already got in roadmap for next versions to address the accessibility topic.
In the meanwhile, you need to implement a custom plugin for that.

const plugin = {
  id: 'mousedown',
  events: ['mousedown'],
  afterEvent(chart, args) {
    const event = args.event;
    const interaction = chart.options.interaction;
    const elements = chart.getElementsAtEventForMode(event, interaction.mode, interaction, true);
    chart.options.onClick(event, elements, chart);
  }
};

'mousedown' event must be also added to options.events (in the following example, only 'mousedown' is caught).

  options: {
   events: ['mousedown'],
    onClick() {
      alert('Click!');
    }
  }

See codepen: https://codepen.io/stockinail/pen/jOeppwj

[gcattan]

Super, thank you very much :)