如何根据光标的位置在按回车时来响应特定按钮的单击事件

<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">
        function checkEnter(event, element)//按钮事件
        {
            try {
                if (event.keyCode == 13) {
                    event.keyCode = 9;
                    if (element.name=='btnOne') {
                        document.getElementById('btnOne').click();
                    }
                    else {
                        document.getElementById('btna').click();
                    }
                }
            }
            catch (e) { }
        }
    </script>
    
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtOne" runat="server" onkeydown="checkEnter(event,this)"></asp:TextBox>
        <asp:Button ID="btnOne" runat="server" Text="Button" onclick="btnOne_Click" />
        <asp:TextBox ID="txtTwo" runat="server" onkeydown="checkEnter(event,this)"></asp:TextBox>
        <asp:Button ID="btnTwo" runat="server" Text="Button" onclick="btnTwo_Click" />
    </div>
    </form>
</body>
</html>
里面有两个文本框和两个按钮，我想当光标在txtOne中时按回车响应btnOne的单击事件，当光标在txtTwo时按回车响应btnTwo按钮的单击事件。该如何实现啊？

解决方案 »

  1.   

    我这个就能根据光标的位置去执行相应的按钮事件，但是不管去执行哪个按钮事件，最后总会去执行btnOne按钮的单击事件，好像btnOne就是页面中的默认按钮一样，按回车时总会去执行这个按钮的事件。
      

  2.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>
        <script type="text/javascript">
            window.onload=function(){
                document.body.onkeydown=function(e){
                    e=e||window.event;
                    var keyCode = e.keyCode||e.which||e.charCode;
                    if(keyCode==13){
                        var id = document.activeElement.id;
                        if(id=="Text1")
                            document.getElementById("Button1").click();
                        else if(id=="Text2")
                            document.getElementById("Button2").click();
                    }
                }
            }
        </script>
    </head>
    <body>
        <input id="Text1" type="text" />
        <input id="Button1" type="button" value="button" onclick="alert('One')" />
        <input id="Text2" type="text" />
        <input id="Button2" type="button" value="button" onclick="alert('Two')" />
    </body>
    </html>