表單切換，用回車鍵替換Tab健(不支持IE)
更新時間：2011年07月20日 20:52:32 作者：
表單切換，用回車鍵替換Tab健。input的屬性tab的值表示切換的順序，這個值必須是連續(xù)的，并且不能重復(fù)。目前不支持IE
復(fù)制代碼 代碼如下:
<div>
<form>
<input name="a" tab="1" />
<input name="a" tab="3" />
<input name="a" tab="2" />
<input name="a" tab="5" />
<input name="a" tab="4" />
<input type="submit" value="submit" />
</form>
</div>
<script type="text/javascript">
var inputs = document.getElementsByTagName("input");
for (i = 0; i < inputs.length; i++) {
inputs[i].onkeydown = function(e){
if (e.keyCode == 13) {
var input = getInputByTab(parseInt(this.getAttribute("tab")) + 1);
if (input) {
input.focus();
return false;
}
}
}
}
function getInputByTab(t) {
for (i =0; i < inputs.length; i++) {
if (inputs[i].getAttribute("tab") == t)
return inputs[i];
}
return false;
}
</script>
相關(guān)文章
所謂“基本類型（primitive types）”的概念ECMAScript（V3，V5）中壓根就沒有，它只是將類型分為6種,感興趣的朋友可以參考下2013-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈球游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要介紹了js如何獲取窗口相對于屏幕左邊和上邊的位置,需要的朋友可以參考下2014-05-05
下面的這段js獲取視頻時長代碼是網(wǎng)上找的，還沒有測試,需要的朋友可以參考下2014-04-04
在這篇文章中給大家分享了關(guān)于JavaScript實用代碼小技巧的相關(guān)內(nèi)容，有興趣的朋友們可以參考學(xué)習(xí)下。2018-08-08
JavaScript高級程序設(shè)計 客戶端存儲學(xué)習(xí)筆記
JavaScript高級程序設(shè)計 客戶端存儲學(xué)習(xí)筆記，在客戶端用于存儲會話信息2011-09-09
這篇文章主要介紹了JS與SQL方式隨機生成高強度密碼,結(jié)合實例形式分析了javascript方式與SQL方式生成高強度密碼的相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要給大家介紹了關(guān)于JS異步錯誤捕獲的一些事，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Javascript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Extjs顯示從數(shù)據(jù)庫取出時間轉(zhuǎn)換JSON后的出現(xiàn)問題
后臺從數(shù)據(jù)庫取出時間，JSON格式化后再傳到gridpanel，這時時間變成了：/Date(32331121223)/這樣的格式,本文將詳細(xì)介紹解決Extjs顯示從數(shù)據(jù)庫取出時間轉(zhuǎn)換JSON后的出現(xiàn)問題2012-11-11
作為高級前端切圖仔,我們經(jīng)常遇到需要處理、聚合或轉(zhuǎn)換數(shù)據(jù)的場景,JavaScript 的reduce()方法是一個強大的工具,它允許我們有效地迭代數(shù)組并累積單個值,從而簡化了這些任務(wù),本文將給大家揭秘JavaScript Reduce方法,需要的朋友可以參考下2023-09-09