異なる要素にフォーカスを設定する方法しばらくのhref

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

document.getElementById('parent').focus()をそのまま使用してください。 updated jsFiddleを参照してください。

しかし、divがフォーカスを取得したときに何が起こるはずですか？ Divsはフォーカスを得ると何も変わらない！

編集：
クリックしたとき<a>がparentの一番上に文書をスクロールしたい場合は、これは何が必要です：document.body.scrollTo(0, document.getElementById('parent').offsetTop); return false;once more updated jsFiddleを参照してください。

しかし、それがあなたが望むものでなければ、ちょうどそう言いなさい！

Answer 2

アニメーションのjQuery解決策：

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

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

だけ#タグはそのidを持つ要素を検索し、ページの一番上にそれを持って来るためにブラウザに指示

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

変更。