回车 触发 提交事件
生活随笔
收集整理的這篇文章主要介紹了
回车 触发 提交事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//gridview?文本框?回車?觸發?Button?事件?
<?script?type?=?"text/javascript"?language?=?"javascript"?>?
?function?clickButton()?
{?
????if?(?event.keyCode?==?13?)?
????{?
????????document.all?(?'ibtnUpdate'?).click();?
????????return?false;?
????}?
}?
<?/?script?>?
<?asp:?TextBox?ID?=?"TextBox3"?onkeypress?=?"return(clickButton());"?runat?=?"server"?>
?
?
?
?
?
?
?
<?script?type?=?"text/javascript"??language?=?"javascript"?>?
?
?function?KeyDown()????//屏蔽回車事件?
{?
????if?(?event.keyCode?==?13?)?
????{?
????????return?false;?
????}?
}?
?
function?EnterTextBox()?????//最后文本框?回車?觸發提交?
{?
????if?(?event.keyCode?==?13?&&?document.all["txtCode"].value?!=?""?)?
????{?
????????document.all['btnUp'].focus();?
????????document.all['btnUp'].click();?
????????return?false;?
????}?
}?
?
<?/?script?>?
?
<?form?id?=?"form1"?runat?=?"server"?onkeypress?=?"return?KeyDown()"??> ??//屏蔽回車事件?
??
?this.txtCode.Attributes.Add?(?"onkeypress",?"EnterTextBox()"?);?//最后文本框?回車?觸發提交?
?
/*?
1、如果表單里有一個type=”submit”的按鈕,回車鍵生效。?
2、如果表單里只有一個type=”text”的input,不管按鈕是什么type,回車鍵生效。?
3、如果按鈕不是用input,而是用button,并且沒有加type,IE下默認為type=button,FX默認為type=submit。?
4、其他表單元素如textarea、select不影響,radio?checkbox不影響觸發規則,但本身在FX下會響應回車鍵,在IE下不響應。?
5、type=”image”的input,效果等同于type=”submit”,不知道為什么會設計這樣一種type,不推薦使用,應該用CSS添加背景圖合適些。?
實際應用的時候,要讓表單響應回車鍵很容易,保證表單里有個type=”submit”的按鈕就行。而當只有一個文本框又不希望響應回車鍵怎么辦呢?我的方法有點別扭,就是再寫一個無意義的文本框,隱藏起來。根據第3條規則,我們在用button的時候,盡量顯式聲明type以使瀏覽器表現一致。?
?
<?script?type?=?"text/javascript"?language?=?"javascript"?>?
?function?clickButton()?
{?
????if?(?event.keyCode?==?13?)?
????{?
????????document.all?(?'ibtnUpdate'?).click();?
????????return?false;?
????}?
}?
<?/?script?>?
<?asp:?TextBox?ID?=?"TextBox3"?onkeypress?=?"return(clickButton());"?runat?=?"server"?>
?
?
?
?
?
?
?
<?script?type?=?"text/javascript"??language?=?"javascript"?>?
?
?function?KeyDown()????//屏蔽回車事件?
{?
????if?(?event.keyCode?==?13?)?
????{?
????????return?false;?
????}?
}?
?
function?EnterTextBox()?????//最后文本框?回車?觸發提交?
{?
????if?(?event.keyCode?==?13?&&?document.all["txtCode"].value?!=?""?)?
????{?
????????document.all['btnUp'].focus();?
????????document.all['btnUp'].click();?
????????return?false;?
????}?
}?
?
<?/?script?>?
?
<?form?id?=?"form1"?runat?=?"server"?onkeypress?=?"return?KeyDown()"??> ??//屏蔽回車事件?
??
?this.txtCode.Attributes.Add?(?"onkeypress",?"EnterTextBox()"?);?//最后文本框?回車?觸發提交?
?
/*?
1、如果表單里有一個type=”submit”的按鈕,回車鍵生效。?
2、如果表單里只有一個type=”text”的input,不管按鈕是什么type,回車鍵生效。?
3、如果按鈕不是用input,而是用button,并且沒有加type,IE下默認為type=button,FX默認為type=submit。?
4、其他表單元素如textarea、select不影響,radio?checkbox不影響觸發規則,但本身在FX下會響應回車鍵,在IE下不響應。?
5、type=”image”的input,效果等同于type=”submit”,不知道為什么會設計這樣一種type,不推薦使用,應該用CSS添加背景圖合適些。?
實際應用的時候,要讓表單響應回車鍵很容易,保證表單里有個type=”submit”的按鈕就行。而當只有一個文本框又不希望響應回車鍵怎么辦呢?我的方法有點別扭,就是再寫一個無意義的文本框,隱藏起來。根據第3條規則,我們在用button的時候,盡量顯式聲明type以使瀏覽器表現一致。?
?
?*/?
?
轉載于:https://www.cnblogs.com/zengxiangzhan/archive/2009/09/27/1575110.html
總結
以上是生活随笔為你收集整理的回车 触发 提交事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 虚拟化技术--服务器虚拟化
- 下一篇: 50期权趋势卖方