JS는 focus_javascript 스킬 습득 및 상실에 따른 비밀번호 상자 소멸 및 표시 효과를 구현합니다.

이 기사의 예에서는 초점 획득 및 상실을 기반으로 비밀번호 상자의 사라짐 및 표시 효과에 대한 JS 구현을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

사물:

1. 먼저 임시로 비밀번호 상자를 txt로 바꾸고 기본값을 7409bfb598d2e73a6f7f1526f5f81974
2. 텍스트 상자에 초점이 맞춰지면 기본값을 지우고 유형을 비밀번호로 변경합니다.
3. 텍스트 상자가 초점을 잃으면 유형을 txt로 변경하고 기본값을 "비밀번호를 입력하세요."로 설정하세요.

JS 코드:

window.onload=function(){
　　var input=document.getElementById('input');
　　input.onfocus=function(){
　　　　if(this.value=='请输入密码'){
　　　　　　this.value='';
　　　　　　this.type='password';
　　　　};
　　};
　　input.onblur=function(){
　　　　if(!this.value){
　　　　　　this.type = 'text';
　　　　　　this.value = '请输入密码';
　　　　};
　　};
};

HTML 코드 :

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

a1dcd25014f80ba963b3b22643c7b05b

PS: 여기서 매우 강력하고 사용하기 쉬운 JavaScript 압축, 서식 지정 및 암호화 도구를 권장합니다(코드를 암호화하려는 경우 시도해 보고 싶을 수도 있습니다. 여기에서 js 암호화 기능을 사용해 보세요.

JavaScript 압축/포맷/암호화 도구: http://tools.jb51.net/code/jscompress

또한 위 js 도구의 암호화는 평가 함수 암호화 형식을 사용합니다. 이를 위해 이 사이트에서는 매우 강력하고 실용적인 평가 함수 암호화를 위한 다음과 같은 암호 해독 도구도 제공합니다!

JS 평가 방법 온라인 암호화 및 복호화 도구: http://tools.jb51.net/password/evalencode

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.