使用箭头键滚动div

dcn*_*dcn 7 html javascript css

这类似于SO:如何使用箭头键移动div,因此可能会有一个明确且明智的"否"作为答案:

我可以使溢出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>
Run Code Online (Sandbox Code Playgroud)

编辑:当然我点击进入div后上面的工作.基本上,我想避免这样做......

dha*_*nan 10

为了使html元素可以聚焦,必须使用Tab键才能访问它.这意味着您可以呼叫.focus()链接或输入.此外,body元素始终是可聚焦的.

您需要使用Tab键使div可以访问.您可以通过tabindex在其上设置属性来完成此操作.如果你实际上并不希望人们能够标记到该div,你可以将tabindex设置为-1,这将阻止人们实际标记到它,但是否则会将元素设置为标记和焦点.

资料来源:http://help.dottoro.com/ljpkdpxb.php


Luc*_*ure -3

浏览器通常内置此行为,

为了使用箭头键向下滚动 div,您必须有一个焦点元素。

查找http://api.jquery.com/focus/

  • 即使在 div 内的表单元素上执行“.focus()”后,Google Chrome 也不会将该 div 识别为箭头键滚动击键的目标。 (3认同)