twitter-bootstrap – 在Bootstrap模式激活时禁用Tab键聚焦

发布时间:2020-08-29 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了twitter-bootstrap – 在Bootstrap模式激活时禁用Tab键聚焦编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Bootstrap 3中,当您单击.btn链接时,我会弹出一个模态窗口.

当它处于活动状态时,用户仍然可以按Tab键以关注背景中的链接和按钮,其中一些具有工具提示等.当这些链接被聚焦时,它们的工具提示与模态窗口重叠,这看起来很傻.

有没有办法在模态窗口处于活动状态时禁用Tab,并在关闭时重新启用Tab?

解决方法

您可以使用以下选项禁用Tab键.

$(document).keydown(function(e) {
    if (e.keyCode == 9) {
        e.preventDefault();
    }
});

你需要进行某种检查,以便在调用e.preventDefault()之前查看模态窗口是否打开.你可以通过在模态打开/关闭上设置一个标志或者只是检查dom元素是否可见来实现.

总结

以上是编程之家为你收集整理的twitter-bootstrap – 在Bootstrap模式激活时禁用Tab键聚焦全部内容,希望文章能够帮你解决twitter-bootstrap – 在Bootstrap模式激活时禁用Tab键聚焦所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478