Highcharts可访问输入和点击事件功能(需要可访问事件数据)

问题描述 投票:0回答:1

作为Highcharts辅助功能输入和单击事件功能的后续

 plotOptions: {
    series: {
      point: {
        events: {
          click: function(e) {
            console.log('point clicked!')
            console.log('point e: ', e);
          },
          mouseOver: function() {
            console.log('point mouse over!');
          }
        }
      }
    }

我实际上也需要通过键盘导航访问此事件单击。 我们已经定义了 mouseOver 事件。

我已经尝试过以下评论:Highcharts 可访问性输入和单击事件功能

我实际上需要通过键盘导航访问此事件单击

更具体地说,我还需要能够获取事件值

highcharts accessibility
1个回答
0
投票

我测试了点击事件并且工作正常。当屏幕阅读器聚焦在一系列/点上时,会触发 MouseOver,并在按下 Enter 键后触发单击。

测试示例配置:

Highcharts.chart('container', {
  plotOptions: {
    series: {
      point: {
        events: {
          click: function() {
            console.log('point clicked!')
          },
          mouseOver: function() {
            console.log('point mouse over!');
          }
        }
      }
    }
  },
  series: [{
    data: [1,2,3,4]
  }]
});

演示: https://jsfiddle.net/BlackLabel/2a3v7fk6/show

© www.soinside.com 2019 - 2024. All rights reserved.