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

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

사물:

1. 먼저 임시로 비밀번호 상자를 txt로 바꾸고 기본값을
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 코드 :

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

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

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

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

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

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