个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
假设你有一个网站，当你刷新它时，如果你检查哪个元素有焦点，使用这个代码:
setInterval(function () {
console.log('ID: ', $(document.activeElement).attr('id') + ' Tag: ' + $(document.activeElement).prop('tagName')
+ ' C: ' + $(document.activeElement).attr('class'));
}, 2000);
您会看到元素的标签是“BODY”元素。你如何使用 javascript 将焦点恢复到同一元素，因为 $('body').focus(); 之类的东西不起作用。
编辑:它还应该重置文档的“焦点”流。因此，在您单击 TAB 后，它将聚焦相同的元素，就像您刷新页面然后单击 TAB 一样。
编辑 2: 我需要将对某些操作(如 keyDown)的焦点重置为默认状态 - 加载页面后的状态。根据我的研究，我知道加载页面后聚焦的元素是“正文”，然后在单击 Tab 后，网站焦点流中的第一个元素被聚焦。我不能使用 $('body').focus(); - 它不关注正文，也不重置文档的当前焦点流。
编辑 3: 到目前为止，我们已经设法使用以下代码以某种方式将焦点重新设置到网站的 body 元素:document.activeElement.blur(); 所以我上面的脚本会说 body 是焦点，但当您使用键盘导航网站(TAB 按钮)时，它不会重置当前焦点的实际流程。可以有解决方法并选择所需的指定元素，但这不是问题的答案。在不刷新页面的情况下将网站键盘导航流程重置为默认状态的通用机制是什么？
最佳答案
而不是专门关注 <body> , 您可以通过执行 document.activeElement.blur(); 来清除事件元素的焦点这应该将焦点恢复到 <body>元素并重置焦点流。
在下面的代码片段中单击以查看当前 document.activeElement 是什么是。
$("#reset").on("click", function() {
document.activeElement.blur();
logActiveElement();
});
$("form").children().on("focus", logActiveElement);
function logActiveElement() {
console.log("The active element is now: " + $(document.activeElement).prop('tagName'));
}.blur {
padding: 5px;
border: 2px solid blue;
margin-top: 20px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="text" />
<textarea></textarea>
<button type="button">Test Button</button>
</form>
<div class="blur">
<button id="reset">RESET ACTIVE ELEMENT</button>
</div>关于javascript - 移动到网页的第一个 'default' 焦点，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51518855/
25
4
0
我正在寻找的服务器是: 轻量级， 非 buggy ， 支持.NET， 在客户端上运行以进行测试， 在Windows上运行 Cassinni太过马车，IIS太昂贵，Apache很难安装，XSP仅是lin
所以我有大约10个短的css文件，可以与mvc应用程序一起使用。 有像 error.css login.css 等等... 仅有一些非常短的CSS文件，这些文件使更新和编辑变得容易(至少对我而言)。我
我正在编写程序来自动化 win32 表单。我正在使用 Microsoft UI 自动化库。我不知道如何获取和调用该表单上的预定义快捷键。现在我只需获取 MenuItem 的 AutomationEle
我有一个在后台线程上运行的及时操作。运行时，我当前将光标置于等待状态: Mouse.OverrideCursor = Cursors.Wait 我刚刚实现了一项功能，允许用户在厌倦等待时单击“取消”按
如何找到所有可能直接或间接调用给定方法的单元测试？当我更改方法时，我希望知道要运行的最佳测试；必须有一个工具! 因为我们有很多接口(interface)，所以我对所有调用接口(interface)方法
我想知道，一个类会被装箱吗？我一直假设每个类都有一个虚拟表，可以用来标识类，所以它需要装箱吗？ 最佳答案 只有值类型(结构)被装箱。类实例不会被装箱。 关于.net - 类是盒装的吗？ 。网，我们在S
所以接下来有一个按钮调用(页面)。它的 href 链接是 site/blah/#。所以我知道它真正运行的 javascript 代码。在我解析完第一页后，我想解析下一页。我如何模拟鼠标点击，以便我可以
我想知道是否有人对解决以下设计问题有好的建议/模式。我有一个命令类的层次结构。在最抽象的层面上，我有一个 ICommand 接口(interface)。执行 ICommand 的 RunCommand
我在资源(xsd 文件)中有几个文件可用于验证收到的 xml 消息。我使用的资源文件名为 AppResources.resx，它包含一个名为 clientModels.xsd 的文件。当我尝试使用这样
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预
(最后的简短版本) 我目前正在开发的软件需要跟踪任意数量的 MS Office 文件，现在需要提供将所有这些文件一起打印的功能，以及一些应用程序数据(可能会发送到打印机作为 .xps、.html 或
我想在不指定命名空间或程序集的情况下按名称(字符串)实例化一个类。像这样(Unity 语法): var processor = container.Resolve("SpecialProcessor"
我有一些代码可以对 64 位整数进行大量比较，但是它必须考虑数字的长度，就好像它被格式化为字符串一样。我无法更改调用代码，只能更改函数。 最简单的方法(除了 .ToString().Length 之外
使用遗留代码，我发现我有很多这样的语句(超过 500 个) bool isAEqualsB = (a == b) ? true : false; 这样重写有意义吗？ bool isAEqualsB =
我有这个: AudioPlayer player = new AudioPlayer(); player.Directory = vc.Directory; player.StartTime = vc
我已经阅读了很多关于双重检查锁定的危险的文章，我会努力远离它，但话虽如此，我认为他们的阅读非常有趣。 我正在阅读 Joe Duffy 的这篇关于使用双重检查锁定实现单例的文章: http://www.
对于可变类型，值类型和引用类型之间的行为差异很明显: // Mutable value type PointMutStruct pms1 = new PointMutStruct(1, 2); P
关闭。这个问题需要更多 focused .它目前不接受答案。 想要改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this q
我有一个 Cordova pp 我在 Controller 中调用post方法 它可以在浏览器中工作，但是在构建和调试apk时出现错误 ionic.bundle.js:23826 POST http:
我们正在尝试将时间戳附加到某些 URL 以让内容缓存但在它们发生更改时更新它们。我们有代码可以归结为: DateTime ts = File.GetLastWriteTime(absPath); 其中
我是一名优秀的程序员,十分优秀！