表單切換，用回車(chē)鍵替換Tab健(不支持IE)
更新時(shí)間：2011年07月20日 20:52:32 作者：
表單切換，用回車(chē)鍵替換Tab健。input的屬性tab的值表示切換的順序，這個(gè)值必須是連續(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)文章
JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊展開(kāi)或隱藏表格行的方法
這篇文章主要介紹了JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊展開(kāi)或隱藏表格行的方法,實(shí)例分析了javascript操作table表格與css樣式的技巧,需要的朋友可以參考下2015-03-03
本篇文章主要介紹了webpack的配置文件entry與output，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
js換膚功能的實(shí)現(xiàn)原理非常簡(jiǎn)單，就是使用js切換對(duì)應(yīng)的css樣式表文件，本文重點(diǎn)給大家介紹JavaScript實(shí)現(xiàn)換膚功能，感興趣的朋友參考下吧2017-09-09
ComboBox（下拉列表框）通過(guò)url加載調(diào)用遠(yuǎn)程數(shù)據(jù)的方法
這篇文章主要介紹了ComboBox（下拉列表框）通過(guò)url加載調(diào)用遠(yuǎn)程數(shù)據(jù)的方法 ,需要的朋友可以參考下2017-08-08
Java?@Schema和@ApiModel等注解的聯(lián)系淺析
這篇文章主要給大家介紹了關(guān)于Java?@Schema和@ApiModel等注解的聯(lián)系的相關(guān)資料,我在看公司之前的文檔,發(fā)現(xiàn)了@schema注解,不太了解,所以查詢(xún)了一些資料,把我的見(jiàn)解記錄下,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了JavaScript與HTML的結(jié)合方法，利用實(shí)例向大家介紹JavaScript與HTML是如何結(jié)合的，內(nèi)容很詳細(xì)，感興趣的小伙伴們可以參考一下2015-11-11![JS中的==運(yùn)算： [''''] == false —>true](http://img.jbzj.com/images/xgimg/bcimg6.png)
JS中的==運(yùn)算： [''''] == false —>true
這篇文章主要介紹了JS中的==運(yùn)算： [''] == false —>true的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jQuery實(shí)現(xiàn)文字自動(dòng)橫移
本文詳細(xì)介紹了通過(guò)jquery尺寸相關(guān)函數(shù)實(shí)現(xiàn)文字自動(dòng)橫移的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記二：Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)繼承用法分析
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)繼承用法,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)繼承相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
uniapp微信小程序底部動(dòng)態(tài)tabBar的解決方案(自定義tabBar導(dǎo)航)
tabBar如果應(yīng)用是一個(gè)多tab應(yīng)用,可以通過(guò)tabBar配置項(xiàng)指定tab欄的表現(xiàn),以及tab切換時(shí)顯示的對(duì)應(yīng)頁(yè),下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序底部動(dòng)態(tài)tabBar的解決方案,需要的朋友可以參考下2022-04-04