首頁 > web前端 > js教程 > javascript回車完美實現tab切換功能_javascript技巧

javascript回車完美實現tab切換功能_javascript技巧

WBOY
發布: 2016-05-16 16:55:47
原創
1078 人瀏覽過

最經有一個項目是給化工廠做的在使用的過程中需要輸入大量的數據,使用的都是小鍵盤區,在以前都是透過excel錄入數據的現在,

在網頁上需要實現excel 那樣的回車換行的功能在網上找了有關這方面的問題但是都不怎麼好用,也有人提供了這方面的思路如何來做,

經過本人的整理和測試,能夠很好的解決這個問題:

需要的條件

1,Jquery庫地址可以到jquery.com官網上去下載最新的

2,查看界面表單的結構和相對應的表單位置

以下是一些是表單結構

複製程式碼 程式碼如下:


登入表單

















































注意需要定位表單的上下文標籤關係
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
生成頁面以後不管標點元素在什麼位置在何處在何處但是有一點結構式不變的label 元素後面就是我們要切換到表單元素並且type="text"

那麼透過Jquery的選擇器層級選擇器prev next 定位不太了解的可以查看jquery 的幫助文檔,只要能定位到要選擇的元素即可用什麼方式無所謂

一下是關鍵腳本代碼:
複製代碼 程式碼如下:



可以試試! ! !希望對你們有幫助
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板