360 browser_jquery에서 사용자 이름과 비밀번호가 자동으로 채워지는 것을 방지하는 다양한 방법

현재 프로젝트를 개발 중인데 매우 역겨운 문제에 직면했습니다. 원래 로그인 인터페이스에 사용자 이름과 비밀번호를 입력했습니다. 비밀번호를 기억하도록 선택한 후 가 나타나면 가 콘텐츠 페이지의 로그인 인터페이스에 입력된 사용자 이름과 비밀번호를 입력합니다. 콘텐츠 페이지에서 새로운 서브 계정을 생성하려고 합니다. 이 문제는 정말 역겹습니다~~~

물론 Firefox나 IE8 이상과 같은 고급 브라우저에서는 이런 일이 발생하지 않습니다. 문제는 360이다! 기대에 부응하여 이 신인은 다음을 시도했습니다.

첫 번째: 브라우저에서 자동 비밀번호 입력을 취소합니다.


안타깝게도 이게 360에 반응이 없네 젠장 첫 시도는 실패! (물론 발효되더라도 개발자로서 모든 사용자에게 이 동작을 하게 할 수는 없습니다!)

둘째: 자동으로 작성되지 않도록 입력에 autocomplete="off" 속성을 추가합니다. 사용자 이름과 비밀번호.

아쉽게도 이게 360에도 면역이 되다니, 젠장!

세 번째 방법: js를 통해 입력의 유형 속성을 동적으로 수정합니다.



이번에는 360이 입력한 비밀번호가 바로 표시됩니다. 즉, onfocus가 실행되지 않습니다. 짧게 클릭하여 다음을 실행하면 jquery에서 오류가 발생하는 것을 확인합니다. 포착되지 않은 예외 유형 속성을 변경할 수 없다는 오류가 발생합니다. 불행하게도 IE는 유형 수정을 지원하지 않습니다.

네 번째 유형: 힘만으로는 부족하므로 특별한 조치를 취할 수밖에 없습니다. 당신이 나를 변화시키지 않으면 나는 당신을 숨겨서 은폐물로 삼을 것입니다. 위로!

코드 복사 코드는 다음과 같습니다.

$(function(){
$(" #PWD").focus(function(){
$(this).hide();
$("#password").val("").show().css(" backgroundColor", "#fff").focus();
});
$("#password").blur(function(){
$(this).show().css( "배경색상" ,"#fff");
$("#PWD").hide()
})
$("#UN").focus(function(){
$( this).hide();
$("#userName").val("").show().css("BackgroundColor","#fff").focus()
});
$("#userName").blur(function(){
$(this).show().css("BackgroundColor","#fff");
$(" #UN" ).hide();
});
});

참고: 배경색을 #fff로 설정하세요. 360에서는 배경색이 노란색으로 변하기 때문입니다. 기본.

userName과 비밀번호가 아닌 ID를 가진 입력 상자를 사용하고, 가짜 입력을 클릭하면 실제 입력이 표시되도록 스타일을 설정합니다.

코드 복사 코드는 다음과 같습니다.

< id="password" name="user.password" maxlength="20" style="display:none;" type="password" title="비밀번호를 입력하세요" /> 🎜>
끝났어요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.