讓網頁表單按ENTER鍵會移到下一個文字方塊

Question

如何讓網頁(HTML)表單(FORM)輸入ENTER鍵移至下一個文字方塊，而不是完成輸入表單(SUBMIT)

Answer 1

安安喔..其實你這個問題不是很難,不過要注意下面的幾點..

1.如何偵測使用者的按鍵的動作,以及按下哪一個按鍵??
2.如何動態變更游標的駐點
3.如何防止表單按下Enter按鍵後,會傳送的問題

我把完整的範例放在下面的位置，您可以自行去觀看，如果要看
原始碼，請自行檢視原始碼即可以．．

http://www40.websamba.com/MyAsp101/EnterForm.html


1.如何偵測使用者的按鍵的動作,以及按下哪一個按鍵??

為了這個目的,我們可以使用OnKeyPress()事件,來偵測使用者的按鍵的
動作..當使用者每每按下一個按鍵時,本事件會被觸發,並且系統會傳來
一個event物件..我們可以利用event物件來取得使用者到底按下哪一個
按鍵的資訊,其取得方法如下..

在IE裡我們可以使用下列方法取回:event.keyCode

在NS裡我們可以使用下列方法取回:event.which

2.如何動態變更游標的駐點

我們可以利用物件本身的focus()方法來達成這個目的

3.如何防止表單按下Enter按鍵後,會傳送的問題

這個問題其實很簡單,只要你不要使用
這總按鈕當作表單傳送鈕,便可以解決,不過也許你會問,不用這個
,那要用哪個ㄋ??其實你只要利用javascript的語法,也是一樣可以
傳送表單的..就像下面的敘述句一樣,細節請見範例的原始碼..



嗯就是這樣,希望對你有幫助...^_^另外有空可以到我的知識檔案裡
逛逛喔.搞不好有我曾經回答過的答案,對你有幫助喔..

經驗+請勿抄襲+如要引用請標出處..謝謝2007/1/29