javascript - 在日期时间选择器组件上按 Enter 出现问题

标签 javascript accessibility eonasdan-datetimepicker

所以对于日期选择器上的日历图标,我把它变成了一个类为 datepickerbutton 的按钮,并尝试用键盘导航到它,按 enter按钮。当我这样做时,箭头键变得不起作用,而不是当你使用向下箭头时它工作正常。我发现一段代码看起来像是问题的最初原因,但无法弄清楚它是如何工作的或如何修复它。如果有人可以帮助我弄清楚这部分,我可能可以通过修复向 repo 请求提出拉取请求。

从第 1276 行开始:https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/src/js/bootstrap-datetimepicker.js

for (index2 = keyBindKeys.length - 2; index2 >= 0; index2--) {
     if (!(keyMap[keyBindKeys[index2]] in pressedModifiers)) {
         allModifiersPressed = false;
         break;
     }
 }

更新:我发现这是 Tab 键的原因,当按 Tab 键到按钮时,它会增加按下的键数组,不确定为什么,仍在寻找

最佳答案

我找到问题了!它是由未处理制表符引起的,当它被处理时它会阻止它的默认操作。所以我必须创建一个空白的制表符处理程序,然后在它说的行中 if (handler) 我放了一个 if so 如果它是制表符键它只是将 keystate 对象设置为空否则它正常运行.

关于javascript - 在日期时间选择器组件上按 Enter 出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38362035/

相关文章:

ios - UIAccessibilityIsVoiceOverRunning() 有多快?

HTML语言代码

javascript - Bootstrap 日期时间选择器不允许用户输入时间

jquery - Bootstrap Datetimepicker daysOfWeekDisabled 选项无法正常工作

javascript - CSS 动画摆动

javascript - 正则表达式匹配中间的数字

javascript - Webstorm Typescript 支持 - 找不到符号?

javascript - 使用 FancyBox 出现 jQuery 未定义错误

ios - 将 Voice Over 限制为事件 View Controller

jquery - 如何使用 JQuery 3.3.1 和 Bootstrap 3.3.7 设置日期选择器?