希岛爱理av免费一区二区,成人性教育av免费网址,欧美7777,在线免费日韩片

十年專注于品牌網站建設 十余年專注于網站建設_小程序開發_APP開發,低調、敢創新、有情懷!
南昌百恒網絡微信公眾號 掃一掃關注
小程序
tel-icon全國服務熱線:400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號
掃一掃打開百恒網絡微信小程序

百恒網絡

南昌百恒網絡

表單字段自動切換焦點實現方法

百恒網絡 2017-02-08 5163

使用 JavaScript可以從多個方面增強表單字段的易用性。其中,常見的一種方式就是在用戶填寫 完當前字段時,自動將焦點切換到下一個字段。通常,在自動切換焦點之前,必須知道用戶已經輸入了 既定長度的數據(例如電話號碼)。例如,中國的電話號碼通常會分為三部分:區號(86)、省區號和另外 8 位 數字。為取得完整的電話號碼,很多網頁中都會提供下列 3個文本框:?
? ? ? ??
? ? ? ?
? ? ? ?
? ? ? ?為增強易用性,同時加快數據輸入,可以在前一個文本框中的字符達到大數量后,自動將焦點切換到下一個文本框。換句話說,用戶在第一個文本框中輸入了 2個數字之后,焦點就會切換到第二個文 本框,再輸入 4個數字,焦點又會切換到第三個文本框。這種“自動切換焦點”的功能,可以通過下列代碼實現:



? ? ? ?表單字段自動切換焦點實例
? ? ? ?


? ? ? ?


? ? ? ? ? ? ?

Enter your telephone number:


? ? ? ? ? ? ?
? ? ? ? ? ? ?
? ? ? ? ? ? ?
? ? ? ? ? ? ? ?
? ? ? ?




? ? ? ?在此南昌網站建設公司百恒網絡前端工程師告訴大家 tabForward()函數是實現“自動切換焦點”的關鍵所在。這個函數通過比較用戶輸入的值 與文本框的 maxlength 特性,可以確定是否已經達到大長度。如果這兩個值相等(因為瀏覽器終 會強制它們相等,因此用戶絕不會多輸入字符),則需要查找表單字段集合,直至找到下一個文本框。 找到下一個文本框之后,則將焦點切換到該文本框。然后,我們把這個函數指定為每個文本框的 onkeyup 事件處理程序。由于 keyup 事件會在用戶輸入了新字符之后觸發,所以此時是檢測文本框中內容長度 的佳時機。這樣一來,用戶在填寫這個簡單的表單時,就不必再通過按制表鍵切換表單字段和提交表單了。 不過請記住,這些代碼只適用于前面給出的標記,而且沒有考慮隱藏字段。
? ?本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣大技人員有所幫助。原創文章出自:南昌APP開發公司-百恒網絡 http://www.527701.com/ 如轉載請注明出處!

400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號
掃一掃打開百恒網絡小程序

歡迎您的光顧,我們將竭誠為您服務×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務 售后服務
 
售后服務 售后服務
 
備案專線 備案專線
 
×
主站蜘蛛池模板: 洪泽县| 湖南省| 高邮市| 溧水县| 陇西县| 青铜峡市| 嵊泗县| 平邑县| 巩留县| 楚雄市| 明溪县| 东平县| 平潭县| 波密县| 读书| 固原市| 镇赉县| 中西区| 涟水县| 会泽县| 盐山县| 上栗县| 宁德市| 仙桃市| 南宁市| 隆林| 汝城县| 陕西省| 盐边县| 方山县| 平凉市| 淳化县| 太仆寺旗| 淮安市| 祁连县| 南宫市| 兴安县| 平昌县| 南澳县| 贵阳市| 泸水县|