如何將焦點設置不同的元素上，而點擊與HREF

我想將焦點設置父DIV當有人點擊這個鏈接的錨標記我怎麼能如何將焦點設置不同的元素上，而點擊與HREF

<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/

來源

2012-04-07 Bipin Chandra Tripathi

你是什麼意思？ Lister先生和Mrtsherman先生對你想達到的目標有不同的看法？或者，也許問題是，你爲什麼想實現這個目標？是不可能改變HTML本身，但你可以添加Javascript，是嗎？ – 2012-04-07 06:56:44

只需使用document.getElementById('parent').focus()。請參閱updated jsFiddle。

但是當div獲得焦點時應該發生什麼？當他們獲得焦點時，科室不會改變任何事情！

編輯：
如果你想<a>到點擊時滾動文檔到parent頂部，這是你需要什麼：document.body.scrollTo(0, document.getElementById('parent').offsetTop); return false;見once more updated jsFiddle。

但是，如果這不是你想要的，只是這樣說！

來源

2012-04-07 06:41:12

當他說'焦點'時，他的意思是讓鏈接導航到一個id爲'parent'而不是'about'的錨點。混淆我知道。我不知道他想用這個來完成什麼，但是他不會改變他的鏈接，而是改爲「父母」。 – mrtsherman 2012-04-07 06:49:38

動畫的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的元素，並把它帶到頁面的頂部。

來源

2012-04-07 06:38:07 mrtsherman

我想專注於父母，但鏈接應該是那個孩子 – 2012-04-07 06:39:08

它不這樣工作。爲什麼這有關係？ – mrtsherman 2012-04-07 06:39:54

我怎麼能達到這個我創造了它的小提琴請看看http://jsfiddle.net/bipin000/PGzwc/1/ – 2012-04-07 06:41:48

如何將焦點設置不同的元素上，而點擊與HREF

回答

相關問題