@lice :: [jquery]按enter移到下一個輸入欄位

@lice

選單: 首頁 | 標籤 | 地圖 | 留言

分類

所有分類

無尾熊

新發現

攝影筆記

最新日誌: The executable was signed..; [jquery]按enter移到下一個..; Facebook 小工具的額外控制; Facebook Graph Api 初試; 透過OAuth使用twitter api(..

最新: 回復; 這是為了要跳過droplist或chec..; next就好了吧; 謝謝你囉, 看來用TryParse方便..; c#當然有判斷是否為數字的方法..; 有找到這個 kb: http://suppor..; 引用

日曆

存檔: 2012|January; 2011|July; 2011|March; 2010|September; 2010|June

標籤: photos pc position apple webslice ie8 software oauth char DIV 遊記 .net IE6 session dom api Life map xcode layout 攝影 c#Windows dreamweaver SQL coding Tool number favicon itunes

鏈接: wowbox blog (網頁設計知識庫); 小小油佳粒

Total : 62145
Today : 68
Yesterday : 59

Powered by Tattertools 1.1.1 : Vivace

blah blah blah

管理頁 | 發表頁

[jquery]按enter移到下一個輸入欄位

views: 3390 times
jquery的最大作用在於增加ui的好用程度, 幾乎沒有辦不到的, 也因此對一些特殊需求就只能當作挑戰吞下去了
例如在form裡的text輸入欄位按enter要能跳到下一個欄位, 聽起來很簡單但其實沒那麼單純(其實是因為我龜毛想寫的更漂亮)
找了很久終於找到很讚的寫法:

$(function() {
	$("input[type=text]").keydown(function(event){
	  if(event.keyCode == 13){
	    $(this).nextAll("input[type=text]:first").focus();
	  }
	});
}

Tag : form, javascript, jQuery

發表於 July 21st, 2011 16:04 | 新發現 | Trackback 0 | Comment 2

<< prev [1] next >>