Question

当有人点击链接时，我想将焦点设置在父div上

<li class="active">
    <a href="#about">Link to the parent div</a>
</li>

<div id="#parent">
    <div id="about">dummy data</div>
    <div id="news">dummy data</div>
</div>

http://jsfiddle.net/bipin000/PGzwc/

Answer 1

动画jQuery解决方案：

http://jsfiddle.net/PGzwc/5/

$('a').click( function(e) {
    e.preventDefault();       
    $('body').animate( { scrollTop: $('#parent').offset().top }, 'slow');
});

只需更改

<a href="#about">Home</a>  
          to 
<a href="#parent">Home</a>

#标记告诉浏览器搜索具有该id的元素并将其带到页面顶部。

Answer 2

只需使用document.getElementById('parent').focus()即可。请参阅updated jsFiddle。

但是当div得到焦点时应该发生什么？当他们获得焦点时，Divs不会改变任何东西！

编辑：
如果您希望<a>在点击时将文档滚动到parent的顶部，则表明您需要：document.body.scrollTo(0, document.getElementById('parent').offsetTop); return false;请参阅once more updated jsFiddle。

但如果这不是你想要的，那就这么说吧！

如何在使用href单击锚标记时将焦点设置在不同元素上

2 个答案: