这类似于SO:如何用箭头键移动div https://stackoverflow.com/questions/4950575/how-to-move-a-div-with-arrow-keys,所以也许一个明确且知情的“不”就足以作为答案:
我可以将溢出的 div 设置为对向上/向下/向下翻页/空格做出反应的“默认滚动目标”吗与溢出文档相同的方式(即向下滚动内容)?页面本身没有滚动条(下面是简单的示例)。特别是,这是否可以实现没有明确跟踪关键事件(既不直接也不被 JS 库隐藏)?
<html>
<body>
<div id="contentcontainer" style="height:200px;width:200px;overflow:scroll">
<div id="innercontent" style="height:2000px;">foo</div>
</div>
</body>
</html>
Edit:当然,当我点击 div 后,上面的内容就起作用了。基本上,我想避免这样做......
为了使 html 元素具有焦点,必须可以使用 Tab 键访问它。这意味着您可以致电.focus()
在链接或输入上。此外,body
元素始终是可聚焦的。
您需要使您的 div 可通过 Tab 键访问。您可以通过设置来完成此操作tabindex
其上的财产。如果您实际上并不希望人们能够通过 Tab 键进入该 div,则可以将 tabindex 设置为 -1,这将阻止人们实际通过 Tab 键进入该 div,但会将该元素设置为 Tab 键并获得焦点。
Source: http://help.dottoro.com/ljpkdpxb.php http://help.dottoro.com/ljpkdpxb.php
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)