我正在構建一個小型註冊頁面,該頁面將通過iPad作爲售貨亭在銷售辦事處進行訪問。當我第一次收到網頁設計公司的頁面時,我注意到他們設置的方式是輸入字段的標籤出現在字段內(如水印)。一旦您將注意力集中在該字段上,水印就會被清除,如果在模糊字段時沒有數值,則會恢復水印。iPhone鍵盤下一步和輸入字段焦點問題
我注意到他們有幾個密碼字段在頁面中顯示PASSWORD和RETYPE PASSWORD字樣。我不希望人員的密碼暴露在銷售辦公室中,但是將字段更改爲鍵入密碼意味着水印標籤被遮蓋。
由於他們使用jQuery在輸入字段中進行水印處理,我發現了另一個jQuery解決方案,用於替換焦點上的PASSWORD輸入字段的TEXT輸入字段。當我在Safari上使用我的個人電腦進行測試時,它就像一個魅力一樣。然而,當我用我的iPhone測試頁面時,我注意到jQuery字段交換焦點只有當我用手指點擊字段時纔有效。如果我在屏幕鍵盤上使用並單擊NEXT以獲取該字段,則該字段不會被交換,並且屏幕上的鍵盤將消失。我必須親自點擊該字段才能觸發交換。是否還有其他一些我可以用來觸發交換而不是焦點?
$('#txtRetypePassword-clear').focus(function() {
$('#txtRetypePassword-clear').hide();
$('#txtRetypePassword-password').show();
$('#txtRetypePassword-password').focus();
});