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