使用 javascript 获取焦点元素的 id答案

【问题标题】：get id of focused element using javascript使用 javascript 获取焦点元素的 id
【发布时间】：2012-04-17 00:45:57
【问题描述】：

我有一个包含许多锚元素的 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>

任何帮助都会得到帮助

【问题讨论】：

这是一个javascript问题，你的js代码会更有趣
检查这个：stackoverflow.com/questions/483741/…
How do I find out which DOM element has the focus?的可能重复

标签： javascript focus

【解决方案1】：

您需要document.activeElement.id。你可以找到更多信息here，之前被批评过。

【讨论】：