JQuery . .改变焦点悬停状态&限制键盘导航选项卡区域

JQuery... change hover state on focus & Limit keyboard navigation tab area

本文关键字：导航 键盘 选项 区域 焦点 改变 悬停 状态 JQuery      更新时间：2023-09-26

我在我的一个项目(JFiddle LINK)中使用JQgrid。并且想要

1.)保存&取消按钮，当用户选择它时突出显示(与鼠标悬停时相同)。找到这篇文章，但似乎不能让它工作

FIX:基于saratis提供的答案

后

    <table id="theGrid" class="scroll">
    </table>
    <div id="pager" class="scroll" style="text-align: center;">
    </div>

添加以下

    <script type="text/javascript">
        $(document).delegate('a', 'focus', function (event) {
            $(this).removeClass('ui-state-hover'); //Remove previous hightlights
            $(this).addClass('ui-state-hover');
        });
        $(document).delegate('a', 'focusout', function (event) {
            $(this).removeClass('ui-state-hover'); //Remove previous hightlights
        });
    </script>

2)。当用户选项卡在添加模态上的字段之间时，是否可以将焦点放在模态上。例如，当选择时，焦点只在模态本身的控件之间循环

3)。我遇到了一个奇怪的问题，传呼机没有居中，不知道怎么解决。我看到106px的属性被添加到pager_left td这是导致它，gut它的生成值，所以我不确定如何覆盖/禁用它

FIX: #pager_left{width:30%!important;}

有可能实现这些吗?

谢谢

First:

$('.yourInput').bind("mouseenter focus mouseleave", 
        function(event) { 
          $('.highlight').removeClass('highlight'); //Remove previous hightlights
          $(this).addClass('highlight'); 
 });

我试图将其添加到提琴，但我认为模态对话框是动态地写入DOM的，所以绑定应该在它被放置后发生。我不知道怎么积分。对不起。

对于第二个部分，可以这样做，但是如果提供一个示例会更容易，甚至更好，作为JSDFiddle。->现在看，我不知道。我相信JS jQuery大师会做得很好，但这对我来说太过分了。再次抱歉。

3 :有些好消息，不知道原因，但是:#pager_left{width:150px!important;}成功了。

对不起，我帮不了你。

使用jQuery检查是否有任何模态字段已经有焦点。如果他们这样做，触发keyup()上的一个功能，检查标签按钮是否被按下(其键码为9)。

相关文章：