2012-04-03 137 views
3

我有單個Html頁面有很多錨元素。這個單獨的Html頁面包含許多div部分。只有一個部分在時間顯示,並且該部分特定的錨點將重點關注。這個html也包含一個div來打開彈出窗口。當這個彈出窗口將打開特定於此的焦點將重點。現在我想讓錨點集中在彈出的錨點上。 我的代碼如下: -使用javascript獲取焦點元素的ID

<body onload="Main.onLoad();" onunload="Main.onUnload();"> 

     <a href='javascript:void(0);' id='anchor' onkeydown='Main.MainKeyHandler();'></a> 
     <a href='javascript:void(0);' id='anchorAboutUs' onkeydown='Main.MainKeyHandler1();'></a> 
     <a href='javascript:void(0);' id='anchorSecondScreen' onkeydown='Main.MainKeyHandler2();'></a> 
     <a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler();'></a> 
     <div id="ParentDiv"> 
      <div id="SplashScreenDiv"> 
       <div id="SplashScreen"></div> 
      </div> 
      <div id="Logo"></div> 
      <div id="Header"></div> 
      <div id='messagePopup' style='position:relative;width:500px;z-index:1000;background-color:#ffffff;'><div ></div ><div id='popupReturn'>Return</div><div> 
      <div id="PopUp"> 
       <div id="YesBtn"></div> 
       <div id="NoBtn"></div> 
      </div> 
      <div id="FirstScreen"> 
      <div id="testinfo" style="color:#ff0000; width:600px; height:50px; overflow:hidden; font-size:xx-large; "></div> 
       <div id="btn_horoscope"></div> 
       <div id="btn_aboutus"></div> 
      </div> 
      <div id="AboutUsScreen" > 
       <div id="AboutUsImgDiv"> 
        <div id="AboutUsImg"></div> 
       </div> 
       <div id="aboutUsInfoDiv"> 
        <div id="aboutUsInfo"></div> 
       </div> 
      </div> 
      <div id="SecondScreen" > 
       <div id="HoroscopeImg" class="HoroImage"></div> 
       <div id="SelSunSignMsgDiv"> 
        <div id="SelSunSignMsg">Select your SunSign </div> 
       </div> 
       <div id="SelSunSignDiv"> 
        <div id="SelSunSign"> 
        <div id="SunSign_0"></div> 
        <div id="SunSign_1"></div> 
        <div id="SunSign_2"></div> 
        <div id="SunSign_3"></div> 
        <div id="SunSign_4"></div> 
        <div id="SunSign_5"></div> 
        <div id="SunSign_6"></div> 
        <div id="SunSign_7"></div> 
        <div id="SunSign_8"></div> 
        <div id="SunSign_9"></div> 
        <div id="SunSign_10"></div> 
        <div id="SunSign_11"></div> 
        </div> 
       </div> 

      </div> 
     </div> 


    </body> 

任何幫助將appriciated

+2

由於這是一個JavaScript的問題,你的js代碼會更有趣 – Bergi 2012-04-03 11:11:08

+1

檢查:http://stackoverflow.com/questions/483741/how-to-determine-which-html-page-element-has-focus – 2012-04-03 11:15:29

+0

可能的重複[如何找出哪個DOM元素具有焦點?](http://stackoverflow.com/questions/497094/how-do-i-find-out-which-dom-element-has-the -焦點) – vaxquis 2014-04-16 20:10:36

回答

16

你需要document.activeElement.id。你可以找到更多的信息here,這已被批評過。