対応する 2 つのボタンを持つ 2 つの TextBox があります。TextBox にフォーカスがあり、ユーザーが Enter キーを押すと、対応する Button のコード ビハインド イベント ハンドラーがクリックされたかのように実行されるようにします。これはサンプルコードです:
Aspx:
<asp:TextBox ID="TextBox1" runat="server" onkeyup="myfunction1(event)"></asp:TextBox>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button 1" usesubmitbehavior="false" />
<asp:TextBox ID="TextBox2" runat="server" onkeyup="myfunction2(event)"></asp:TextBox>
<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button 2" usesubmitbehavior="false" />
<asp:Label ID="Label1" runat="server"></asp:Label>
<script type="text/javascript">
function myfunction1(e) {
if (e.keyCode == 13)
document.getElementById('<%= Button1.ClientID %>').click();
}
function myfunction2(e) {
if (e.keyCode == 13)
document.getElementById('<%= Button2.ClientID %>').click();
}
</script>
コードビハインド:
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Button 1 was clicked";
}
protected void Button2_Click(object sender, EventArgs e)
{
Label1.Text = "Button 2 was clicked";
}
しかし、いずれかの TextBox で Enter キーを押すと、常にButton1
コード ビハインド イベント ハンドラが実行されます。ボタンをクリックすると、明らかに期待どおりに機能します。
私は何が欠けていますか?