Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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:384754419,请注明来意。