@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

標籤: dreamweaver overflow 遊記 html flash xcode char javascript Google SQL os 小白 theme itunes Windows 丁丁 pc error Firefox XML map popup string apple .net handler iphone layout msn ie8

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

Total : 61949
Today : 38
Yesterday : 38

Powered by Tattertools 1.1.1 : Vivace

blah blah blah

管理頁 | 發表頁

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

views: 3339 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 08:04 | 新發現 | Trackback 0 | Comment 2

<< prev [1] next >>