首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否可以使用JavaScriptFocus()函数来调用<div>?

是否可以使用JavaScriptFocus()函数来调用<div>?
EN

Stack Overflow用户
提问于 2018-01-17 01:08:51
回答 2查看 0关注 0票数 0

是否可以将注意力集中在<div>使用JavaScriptfocus()功能?

有一个<div>标签

代码语言:javascript
复制
<div id="tries">You have 3 tries left</div>

正试着使用<div>

代码语言:javascript
复制
document.getElementById('tries').focus();
EN

回答 2

Stack Overflow用户

发布于 2018-01-17 09:21:21

代码语言:javascript
复制
window.location.hash = '#tries';

这个可以滚动元素到需要的位置。

票数 0
EN

Stack Overflow用户

发布于 2018-01-17 10:15:59

要分配一个表索引...

代码语言:javascript
复制
<div tabindex="0">Hello World</div>

还可以提供一个-1的表索引,

代码语言:javascript
复制
document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();
};
代码语言:javascript
复制
div:focus {
    background-color: Aqua;
}
代码语言:javascript
复制
<div>Element X (not focusable)</div>
<div tabindex="0">Element Y (user or script focusable)</div>
<div tabindex="-1" id="scripted">Element Z (script-only focusable)</div>
<div id="test">Set Focus To Element Z</div>

显然,如果有一个元素可以通过脚本来聚焦,而不能通过其他的输入方法来聚焦是比较麻烦的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100003406

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档