2013年6月5日 星期三

ASP.NET TextBox onKeyDown網頁中按Enter鍵後指定一個Button並送出

ASP.NET TextBox onKeyDown網頁中按Enter鍵後指定一個Button並送出

在TextBox1下按Enter之後，觸發Script Event onKeyDown，執行window.open到google網頁；另一個觸發.Net ImageButton1_Click，Redirect到www.msn.com.tw。以上觸發Event會跳過Button1


JavaScript:
  1. <script language="javascript" type='text/javascript'>
  2.  
  3.         function body_onKeyDown() {
  4.             if (window.event.keyCode == 13) {
  5.                 alert(event.type);
  6.                 document.all.ImageButton1.focus();
  7.                 newWindow = window.open("http://www.google.com", "SelectUser", "width=500,height=500");
  8.                 newWindow.focus();
  9.             }
  10.         }
  11.     </script>

HTML:
  1. <body onkeydown="body_onKeyDown()">
  2.     <form id="form1" runat="server">
  3.     <div>
  4.         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  5.         <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
  6.         <asp:ImageButton ID="ImageButton1" runat="server"
  7.             onclick="ImageButton1_Click" />
  8.     </div>
  9.     </form>
  10. </body>

C#:
  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5. using System.Web.UI;
  6. using System.Web.UI.WebControls;
  7.  
  8. public partial class Test_tsOnKeyDown : System.Web.UI.Page
  9. {
  10.     protected void Page_Load(object sender, EventArgs e)
  11.     {
  12.  
  13.     }
  14.     protected void Button1_Click(object sender, EventArgs e)
  15.     {
  16.         Response.Redirect("http://www.yahoo.com.tw");
  17.     }
  18.     protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
  19.     {
  20.         Response.Redirect("http://www.msn.com.tw");
  21.     }
  22. }
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)