1. 程式人生 > >在火狐和chrome不同的自動填充密碼機制下實現根據密碼框是否有內容來新增不同類的功能

在火狐和chrome不同的自動填充密碼機制下實現根據密碼框是否有內容來新增不同類的功能

setTimeout(function () {
            $('#pass').focus();//用以解決firefox不主動觸發focus之前自動填充密碼不觸發focus事件的問題。
            $('.reg-text').each(function () {
                if ($(this).val().trim() == '') {
                    $(this).parent().removeClass("reg-input-focus");
                } else {
                    $(this).parent().addClass("reg-input-focus");
                }
            });
            if (window.navigator.userAgent.indexOf('Chrome') > -1) {//chrome自動填充密碼後,獲取密碼框val值為空字串,只好通過當前input框是否有:-webkit-autofill來判斷當前是否已經填充了密碼。。
                if ($('input:-webkit-autofill').length===2) {
                    $('#pass').parent().addClass("reg-input-focus")
                }
            }
            $('#name').focus();
        }, 300);
	$('.reg-text').focus(function () {
            $(this).parent(".reg-input").addClass("reg-input-focus");
            $(this).change(function () {

                if ($(this).val().trim() == '') {
                    $(this).parent().removeClass("reg-input-focus");
                } else {
                    $(this).parent().addClass("reg-input-focus");
                }
            });


        }).blur(function () {
            if ($(this).val().trim() == '') {
                $(this).parent().removeClass("reg-input-focus");
            } else {
                $(this).parent().addClass("reg-input-focus");
            }
        });