在Foundation 6选项卡上禁用箭头键功能

Question

有人知道如何禁用Foundation 6选项卡上的箭头键吗？例如，如果单击某个选项卡使其处于活动状态并向下滚动，则第二个选项卡将变为活动状态，而不是实际向下滚动页面。

Answer 1

这是出于可访问性的原因，默认情况下您不能轻松删除它。

键是通过键盘类注册的。

https://github.com/foundation/foundation-sites/blob/develop/js/foundation.tabs.js#L33

    Keyboard.register('Tabs', {
      'ENTER': 'open',
      'SPACE': 'open',
      'ARROW_RIGHT': 'next',
      'ARROW_UP': 'previous',
      'ARROW_DOWN': 'next',
      'ARROW_LEFT': 'previous'
      // 'TAB': 'next',
      // 'SHIFT_TAB': 'previous'
    });

https://github.com/foundation/foundation-sites/blob/develop/js/foundation.util.keyboard.js

https://github.com/foundation/foundation-sites/blob/develop/js/foundation.util.keyboard.js#L23

键在https://github.com/foundation/foundation-sites/blob/develop/js/foundation.tabs.js#L221中处理

[如果它是您不想处理的键之一，您可能可以捕获该事件，防止冒泡并将其丢弃。