gpt4 book ai didi

jQuery UI Datepicker - 键盘导航事件?

转载 作者:行者123 更新时间:2023-12-01 04:03:21 25 4
gpt4 key购买 nike

为了使屏幕阅读器可以访问 jQuery UI Datepicker,我需要使用突出显示的当前日期填充隐藏的 div。

问题是没有与键盘导航(CTRL + 箭头键)关联的事件。

在这种情况下,我如何检测用户何时在不同日期之间导航,以便我可以获取突出显示的日期并将其填充到隐藏的 div 中?

// how to detect CTRL + Arrow Key Event??
$("#datepicker").on("<CTRL + Arrow Key event>", function(){
var message = ""+$(".ui-state-hover").html()+
" "+$(".ui-datepicker-month").html()+
" "+$(".ui-datepicker-year").html();
$('#liveRegion').html(message);
});

最佳答案

您可以使用keydown事件来检查是否已同时按下 Ctrl 键和箭头键。您可以查询keyCode按下按键来确定是否按下了箭头键。方向键keyCode s 范围为 37 至 40(含)。 37 = 左,38 = 上,39 = 右,40 = 下。

evt.ctrlKey返回true如果它已被按下,反之亦然。 evt.keyCode >= 37 && evt.keyCode <= 40确保#liveRegion div仅当按下箭头键时才会更新。

$('#datepicker').keydown(function(evt) {
if (evt.ctrlKey && evt.keyCode >= 37 && evt.keyCode <= 40) {
var message = "" + $(".ui-state-hover").html() +
" " + $(".ui-datepicker-month").html() +
" " + $(".ui-datepicker-year").html();
$('#liveRegion').html(message);
}
});

请参阅下面的演示以获取工作示例。如果该解决方案不适合您的需求,请随时告诉我。

<强> Fiddle Demo

关于jQuery UI Datepicker - 键盘导航事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35524074/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com