1. 程式人生 > >extjs 下 button 的 按鍵事件 回車事件

extjs 下 button 的 按鍵事件 回車事件

使用extjs已經有一段時間了,開始時做了個登入介面,輸入使用者名稱,密碼 然後點選確定,登入

在extjs中,Button本身是支援回車事件的,前提是:焦點在按鈕上,此時回車和單擊事件是一回事

鑑於系統的友好性和人們 的習慣,輸入兩者後會按回車鍵登入系統

開始時想這個問題了,但是無從下手,因為我一直認為這個應該是在button上監聽回車事件,就是輸入使用者名稱和密碼後按回車鍵時應該是button來響應該事件。

查了extjs手冊Button的事件中沒有響應回車鍵的事件或者是specialkey事件

今天有時間回頭想這個問題,其實我的真實想法是在按按鈕前來響應回車事件,應該是form的field來響應回車事件 

form中的field事件中有specilkey事件,可以響應回車鍵:

所以想到的是在輸入使用者名稱,或者密碼後點擊"回車",讓field響應回車事件,然後form提交

新增事件後測試成功,

當然響應回車鍵是焦點在使用者名稱或者密碼的field 時,按回車才會響應。

回頭在163郵箱的登入介面來測試,驗證了我的想法,在使用者名稱、密碼和登入按鈕以外的地方按回車是不會響應該事件的

只有在這三個地方按回車才會響應登入事件

(也可能是別的更好的方法,但是我沒有找到,如果有更直接、更好的方法麻煩您通知我)