使用javascript获取focus元素的id

时间:2012-04-03 11:05:53

标签: javascript focus

我有单个Html页面,有很多锚元素。这个单一的Html页面包含许多div部分。每次只显示一个零件,并且将专注于该零件的特定锚点。这个html还包含一个div来打开弹出窗口。当这个弹出窗口将打开特定于此的锚点将集中。现在我希望早些时候重点关注弹出锚点。 我的代码如下: -

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

任何有用的帮助

1 个答案:

答案 0 :(得分:18)

您需要document.activeElement.id。您可以找到更多信息here,这些信息之前一直受到批评。