현재 프로젝트 개발에서 매우 역겨운 문제가 발생합니다. 원래 로그인 인터페이스에 사용자 이름과 암호를 입력하고 로그인했습니다. 암호를 기억하도록 선택한 후 로그인 인터페이스에 입력 된 사용자 이름과 비밀번호는 컨텐츠 페이지의 컨텐츠 페이지에 채워집니다. 컨텐츠 페이지는 새로운 하위 계정을 만들려고합니다.
물론 이것은 Firefox, IE8 이상과 같은 고급 브라우저에서는 발생하지 않습니다. 문제는 360입니다! 이 신인은 기대에 부응하여 다음과 같은 시도를 겪었습니다.
첫 번째 : 브라우저에서 자동 비밀번호를 취소하십시오.
불행히도,이 일은 360에 대한 응답이 없습니다. 젠장, 첫 번째 시도는 실패했습니다! (물론, 개발자로서 발효 되더라도 모든 사용자 가이 조치를 취하도록 할 수는 없습니다!)
두 번째 유형 : 사용자 이름과 비밀번호를 자동으로 쓰지 않도록 AutoComplete = "Off"속성을 입력에 추가하십시오.
불행히도,이 일은 또한 360에 면역되어 있습니다.
세 번째 유형 : JS를 통해 입력의 유형 속성을 동적으로 수정합니다.
<입력 유형 = "text"id = "password"onfocus = "this.type = 'password" />
이번에는 입력 된 비밀번호가 360 미만으로 직접 표시되었으며, 이는 OnFocus의 암호가 실행되지 않았 음을 의미합니다. 나는 짧은 지점을 만들고 아래에서 실행했습니다. jQuery가 오류를보고 한 것을 발견했습니다. 끊임없는 예외 유형 속성은 오류를 변경할 수 없습니다. 불행히도, 유형의 수정은 IE에 따라 지원되지 않습니다.
네 번째 유형 : 할 수 없으므로 특별한 수단 만 구현할 수 있습니다. 당신이 나를 바꾸지 않으면 나는 변하지 않을 것입니다. 나는 당신을 숨기고 속임수가 있습니다!
코드 사본은 다음과 같습니다.
$ (function () {
$ ( "#pwd"). focus (function () {
$ (this) .hide ();
$ ( "#password"). val ( ""). show (). css ( "backgroundColor", "#ffff"). focus ();
});
$ ( "#password"). blur (function () {
$ (this) .show (). css ( "backgroundColor", "#fff");
$ ( "#pwd"). hide ();
});
$ ( "#un"). focus (function () {
$ (this) .hide ();
$ ( "#username"). val ( ""). show (). css ( "backgroundColor", "#ffff"). focus ();
});
$ ( "#username"). blur (function () {
$ (this) .show (). css ( "backgroundColor", "#fff");
$ ( "#un"). hide ();
});
});
참고 : 360은 기본적으로 노란색 배경을 제공하기 때문에 배경색을 #fff로 설정하십시오.
사용자 이름과 비밀번호가 아닌 ID가있는 입력 상자를 사용하십시오. 스타일은 동일하게 설정됩니다. 가짜 입력을 클릭하면 실제 디스플레이를 표시하십시오.
코드 사본은 다음과 같습니다.
<input id = "un"maxlength = "26"type = "text" />
<input id = "username"name = "user.username"maxlength = "26"style = "display : none;" 타입 = "텍스트" />
<input id = "pwd"maxlength = "20"type = "text" />
<input id = "password"name = "user.password"maxlength = "20"style = "display : none;" 유형 = "비밀번호" />
임무가 완료되었습니다!